一个onclick事件打开框和框上提交它链接到PHP函数设置一些值到db


a onclick event opens box and on box submit it links to php function which set some values to db

我正在尝试创建具有onClick事件的警报框。这里的基本思想是创建一个框,让用户选择一些值(复选框),然后提交。用户点击提交框按钮后,它应该发送表单值给数据库。

我认为我不能在onClick事件中直接链接php-function。

创建这个功能有什么建议吗?

你必须使用javascript和ajax方法。你不能在HTML中调用PHP函数,比如on submit…您可以调用javascript函数,该函数将调用ajax请求来调用PHP函数....

html在客户端,PHP在服务器端。如果你愿意,你可以使用javascript在它们之间进行通信。

你可以试试这个…

<script type='text/javascript'>
    function box(){
                document.getElementById('light').style.display='block';
                document.getElementById('fade').style.display='block';
        }
</script>
<style>
        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 30%;
            width: 30%;
            height: 19%;
            padding: 8px;
            border: 8px solid #a31d21;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
    </style>

And body…

<a href="#" onclick="box();">Click</a> 
<div id="light" class="white_content">
 Your form here...      
  </div>
        <div id="fade" class="black_overlay"></div>