2016-09-16 78 views
0

使用模式我想被點擊表時提交打開一個模式。 我試圖將動畫更改爲fadeIn,因爲使用淡入淡出模式僅顯示閃存。在isset PHP

結果當我使用fadeIn出現的模式,但在一瞬間,我並沒有包括任何定時器或整個頁面刷新。

我能有一個示例代碼,以顯示模式和

if(isset($_POST['pending']))  { ...alert ..} 

設定的條件或請評論這一建議。

因爲我無法使用和查看模態正常。

注:它有模態和jQuery的引導,但我並沒有包括在這裏後

\t while($record = mysql_fetch_array($myData)) 
 
{ 
 
    echo "<form action='dir_1.php' method='POST'>"; 
 
    echo "<tr>"; 
 
    echo '<td><input type="submit" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" /></td>'; 
 
    echo "</tr>"; 
 
    echo "</form>"; 
 
} \t  \t \t

if(isset($_POST['pending'])){    
 
      
 
      echo('     
 
    <div class="modal fadeIn" id="myModal" role="dialog"> 
 
     <div class="modal-dialog"> 
 
    <!-- Modal content--> 
 
     <div class="modal-content"> 
 
      <div class="modal-header"> 
 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
       <h4 class="modal-title">Modal Header</h4> 
 
      </div> 
 
      
 
      <div class="modal-body"> 
 
       <h2>Enter your First and Last Name</h2> 
 
        <form action="submit_prompt.php" method="post"> 
 
          <p><strong>First Name:</strong><br /> 
 
           <input type="text" name="notes" id="input1"/></p> 
 
           <input type="submit" name="submit" value="Add" /> 
 
        
 
      </div> 
 
      
 
      <div class="modal-footer"> 
 
       <input type="submit" name="submit" value="Add" /> 
 
       <button type="button" onclick="play()" class="btn btn-default" data-dismiss="modal">Close</button> 
 
       </form> 
 
      </div> 
 
      
 
     </div> 
 
     </div> 
 
    </div> 
 
      '); 
 
}

+0

'mysql_fetch_array' < - ***請不要使用過時的'mysql'擴展***它在幾年前已被棄用,並從PHP7中刪除。改用「PDO」或「mysqli」。 'PDO'更常用,並且有一個乾淨的OO API。 'mysqli'可以說更強大,但是API更加複雜。它同時具有程序和麪向對象的API,但是同樣如此:使用 –

+0

好用得多。埃利亞斯謝謝。 –

回答

0

您是否嘗試過用JavaScript觸發:

<?php if(isset($_POST['pending'])) { ?> 
<script> 
$(document).ready(function() { 
    $('#myModal').modal('show') 
}); 
</script> 
<?php } ?> 

快速瀏覽器測試,testmodal.php:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 

<div class="modal fadeIn" id="myModal" role="dialog"> 
<div class="modal-dialog"> 
<!-- Modal content--> 
<div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
    </div> 

    <div class="modal-body"> 
     <h2>Enter your First and Last Name</h2> 
      <form action="submit_prompt.php" method="post"> 
        <p><strong>First Name:</strong><br /> 
         <input type="text" name="notes" id="input1"/></p> 
         <input type="submit" name="submit" value="Add" /> 

    </div> 

    <div class="modal-footer"> 
     <input type="submit" name="submit" value="Add" /> 
     <button type="button" onclick="play()" class="btn btn-default" data-dismiss="modal">Close</button> 
     </form> 
    </div> 

</div> 
</div> 
</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

<?php if(isset($_GET['pending'])) { ?> 
<script> 
$(document).ready(function() { 
    $('#myModal').modal('show') 
}); 
</script> 
<?php } ?> 

在瀏覽器:

http://your-domain/testmodal.php?pending=fakevar