Использование modal в isset PHP

Question

Я пытаюсь открыть модальный файл, когда в таблицу нажата кнопка. Я попытался изменить анимацию на fadeIn, потому что использование fade модальных показов только вспыхивает.

Результат, когда я использую 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> 
 
      '); 
 
}

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