如果变量不为空,则显示div

时间:2013-03-13 14:26:31

标签: html show

如果$ row_thumbs ['Listino 9']中包含的价格不为空,我想用“添加到购物车”按钮显示此div。怎么能实现呢? Jquery的?

<div id="button" style="padding: 10px 0px 10px 0px;">    
      <form name="eCart1_1_ATC_<?php echo $row_thumbs["Cod."]; ?>" method="POST" action="<?php echo $_SERVER["PHP_SELF"]; ?><?php echo (isset($_SERVER["QUERY_STRING"]) && $_SERVER["QUERY_STRING"] != "")?"?".$_SERVER["QUERY_STRING"]:""; ?>">
      <input type="hidden" name="eCart1_1_ID_Add" value="<?php echo $row_thumbs["Cod."]; ?>" >
      <input type="hidden" name="eCart1_1_Quantity_Add" value="1" size="2" >
      <input type="image" src="images/acquista.png" width="95"  border="0" class="eC_ImageButton" value="Aggiungi al carrello" name="eCart1_1_ATC"></form>     
      </div>

1 个答案:

答案 0 :(得分:0)

取消注释第一行,然后显示BUTTON,确保脚本在服务器上运行,并且我永远不会创建空格$ row_thumbs ['ListinoHERE9']

<?php

    //$row_thumbs['Listino_9']='cheater';

    if($row_thumbs['Listino_9']!='') {
        echo '<div class="button"> B U T T O N</div>';
    }
?>
<style type="text/css">
.button {
    padding:5px;
    width:100px;
    background-color:gray;
}
.button:hover {
    cursor:pointer;
    background-color:orange;

}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">

$(document).ready(function(){
    $('.button').click(function(){
        $('.show-div-if-button-gets-clicked').toggle();
    });
});
</script>

<div class="show-div-if-button-gets-clicked" style="display:none;">
    <form name="eCart1_1_ATC_<?php echo $row_thumbs["Cod."]; ?>" method="POST" action="<?php echo $_SERVER["PHP_SELF"]; ?><?php echo (isset($_SERVER["QUERY_STRING"]) && $_SERVER["QUERY_STRING"] != "")?"?".$_SERVER["QUERY_STRING"]:""; ?>">
    <input type="hidden" name="eCart1_1_ID_Add" value="<?php echo $row_thumbs["Cod."]; ?>" >
    <input type="hidden" name="eCart1_1_Quantity_Add" value="1" size="2" >
    <input type="image" src="images/acquista.png" width="95"  border="0" class="eC_ImageButton" value="Aggiungi al carrello" name="eCart1_1_ATC"></form>     
</div>