0

PHPでボタンクリックのulを非表示にする方法は？> 

                            <li style='width:115px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['title'];?></li>
                            <li style='width:90px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['status'];?></li>                    
                            <li style='width:80px;margin-left:7px;word-wrap:break-word;'><?php echo  $row['added_date'];?></li>
                            <li style="width:40px;text-align:left;margin-left:5px;"><a href="<?php echo $url;?>?p=<?php echo $currentPage;?>&show=1&guest_id=<?php echo $guestId;?>&enquiry_id=<?php echo $enquiry_id;?>&pid=<?php echo $proposalId;?>"  style="text-decoration:none;" >Edit</a></li> 
                        <li style="width:70px;text-align:left;"><a id="link" name="link" href="addguestinformation.php?enq=<?php echo $row['enq_id'];?>&pid=<?php echo $proposalId; ?>"  style="text-decoration:none;" >Booking</a></li> 
                            <!--<li style="width:70px;text-align:left;"><button id="bookingconfirm" name="bookingconfirm" class="button" type="button" onclick="bookingForm(<?php //echo $row['enq_id']?>);">Booking</button>-->


                          </ul>
4

2 に答える 2

0

jQueryを使用すると、ElementULを非表示にできます

    $（'ul'）。on（'click'、function（）{
            this.fadeout（'slow'）; // Ulをクリックすると、Ulが非表示になります
    }）;


        to hide UL with attribute Id use

     $（'＃hide'）。on（'click'、function（）{
            this.fadeOut（'slow'）;

    }）;
于 2013-01-30T07:51:39.353 に答える
0

phpだけでは、ページをリロードせずにこれを行うことはできません。今ではそれほどユーザーフレンドリーではありませんが、それを実行できるjavascriptライブラリであるJqueryがあります。

    //Gets the referance of the DOM Object by using the ID 
    $('#hideButton').click(function(e){

    //prevents the default action of the button
        e.preventDefault();

    //Hides the list
        $('#foo').fadeOut('slow', function(b){
           //What to do once the list has faded out
            alert('hidden');
        });
    });

動作するJSfiddleについては、ここをクリックしてください

于 2013-01-30T08:40:15.807 に答える