Question

我试图根据mysql数据库中的值显示一个关于body load的bootstrap模式。我在body中包含了bootstrap模式，并根据数据库值成功显示：

    $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页面。因此，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')
                {
                	$('#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">                  	
                  
                  	<div class="checkbox">
					  <label><input type="checkbox" name="pops" id="popups" value="1">Pops</label>
					</div>
					<input type="hidden" id="mids" name="mids" value="<?php echo $_SESSION['mids']; ?>">                  
                  </form>
                </div>
        </div>
    </div>
</div>

带有复选框的Bootstrap模式，以便将来不显示

1 个答案: