Bootstrap modal with checkbox to not show in future

Question

Я пытаюсь показать загрузочный модальный нагрузка на тело на основе значения из базы данных mysql. Я включил самозагрузки модальность в организме и показывать его успешно в соответствии со значением базы данных с помощью:

$resultsPop = mysql_query("select popup from members where mid=" . $mid); 
    $pop = mysql_result($resultsPop, 0, "popup"); 
    if($pop == 0) { 
      $popupval = "<script type='text/javascript'>$(window).load(function(){ $('#MyPopUp').modal('show'); });</script>"; 
    } else { 
      $popupval = ""; 
    } 
echo $popupval; 

И мой модальный код:

<div class="modal fade" id="MyPopUp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style=""> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content" style=""> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
             <span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title" id="myModalLabel">Welcome</h4> 
      </div> 

       <div class="modal-body" style="text-align: center;"> 
        <span> 
         Welcome Popup 
        </span> 
       </div> 
     </div> 
    </div> 
</div> 

Теперь я хочу, чтобы иметь флажок в модальных, который на checked может молча передать значение 1 и войти в переменную-член $mid значение на страницу php после того, как пользователь нажимает кнопку модального закрытия. Итак, popup значение в members таблица обновляется 1 для этого зарегистрированного пользователя, который не хочет, чтобы всплывающее окно снова отображалось.

Я искал такую ​​вещь, но не смог добиться успеха, и я понятия не имею об этом.

Answer 1

Попробуйте это.

yourphpfile.php

<?php 
 

 
$resultsPop = mysql_query("select popup from members where mid=" . $mid); 
 
    $pop = mysql_result($resultsPop, 0, "popup"); 
 
    if($pop == 0) { 
 
      $popupval = "<script type='text/javascript'>$(window).load(function(){ $('#MyPopUp').modal('show'); });</script>"; 
 
    } else { 
 
      $popupval = ""; 
 
    } 
 
echo $popupval; 
 

 
$ppop = $_POST['pops']; 
 
$username = $_POST['mids']; 
 

 
//Here you can update your database with 1 where username is mids. 
 

 
//On success 
 
$output = json_encode(array('type' => 'pop')); 
 
die($output); 
 

 
//Else 
 

 
$output = json_encode(array('type' => 'error')); 
 
die($output); 
 

 
?>

<script> 
 

 
$(document).ready(function(){ 
 

 
$("#closemodal").click(function(event){ 
 
    event.preventDefault(); 
 
    var popups   = $('#popups').val(); 
 
    var user_id   = $('#mids').val(); 
 
    
 
     $.ajax({ 
 
      type: 'post', 
 
      url: yourphpfile.php, 
 
      dataType: 'json', 
 
      data: $('#yourform').serialize(),    
 
      success: function(data) 
 
      { 
 
       if(data.type == 'pop') 
 
       { 
 
       \t $('#MyPopUp').modal('hide');     
 
        
 
       } 
 
      } 
 
     }); 
 

 
}); 
 

 
}); 
 

 
</script>

<div class="modal fade" id="MyPopUp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style=""> 
 
    <div class="modal-dialog modal-lg"> 
 
     <div class="modal-content" style=""> 
 
      <div class="modal-header"> 
 
       <button type="button" class="close" id="closemodal" aria-label="Close"> 
 
             <span aria-hidden="true">&times;</span></button> 
 
       <h4 class="modal-title" id="myModalLabel">Welcome</h4> 
 
      </div> 
 

 
       <div class="modal-body" style="text-align: center;"> 
 
        <span> 
 
         Welcome Popup 
 
        </span> 
 
        <form action="" id="yourform" method="POST" role="form">     \t 
 
        
 
        \t <div class="checkbox"> 
 
\t \t \t \t \t <label><input type="checkbox" name="pops" id="popups" value="1">Pops</label> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <input type="hidden" id="mids" name="mids" value="<?php echo $_SESSION['mids']; ?>">     
 
        </form> 
 
       </div> 
 
     </div> 
 
    </div> 
 
</div>