2017-02-22 46 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>