isset PHPでモーダルを使用する

Question

私は、テーブル内でサブミットがクリックされたときにモーダルを開こうとしています。 私はfadeInにアニメーションを変えようとしましたが、モーダルショーのフェードを使用するのはフラッシュだけだからです。

fadeInを使用すると、モーダルが表示されますが、2番目に分割された結果、全ページにタイマーやリフレッシュが含まれませんでした。

は、私は、モーダルを示し、

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> 
 
      '); 
 
}

Answer 1

が含まれていませんでしたが、あなたは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