在isset PHP中使用modal


Using modal in isset PHP

我试图打开一个模态时提交在表中单击。我试图将动画更改为fadeIn,因为使用淡出模式只显示flash。

结果当我使用fadeIn模式出现,但在一瞬间,我没有包括任何计时器或刷新在整个页面。

我可以有一个示例代码来显示模态和设置

中的条件
if(isset($_POST['pending']))     {  ...alert ..}

或者请给出建议。

因为我不能正确地使用和查看模态。

注意:它有一个引导模式和jquery,但我没有包括在这里的帖子

	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>";
}	    		

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

你试过用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