2017-02-22 48 views
0

我试图根据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> 

现在,我想在模态复选框,其上选中后可以静默传递值1,并在用户点击模式关闭按钮后将成员变量$mid的值登录到php页面。因此,popupmembers表中更新为1已登录成员谁不想弹出被再次查看。

我已经搜索过这样的东西,但不能成功,我不知道它。

+0

初步阅读:http://stackoverflow.com/questions/8363802/bind-a-function-to-twitter-bootstrap-modal-close – mickmackusa

+0

所以,你的意思是我把checkbox id和成员变量id放在bootstrap模态中通过ids与ajax发送值在该bootstrap关闭模态JavaScript? – Hashmi

+0

如果$ mid没有保存在SESSION变量中,那么将这些值放入模态中。在模态关闭时,将这些值输入到ajax函数中。您需要更新问题才能获得更具体的反馈。 – mickmackusa

回答

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>