Question

我目前有一个联系表单，当完成时触发浏览器警报/弹出窗口，但我想将弹出窗口设置为更像模态。所以弹出窗口将集中在一起。覆盖在页面上的黑色透明背景在点击时会逐渐消失 - 这可能吗？

以下是我当前触发弹出式提醒的脚本：http://jsfiddle.net/xf4C6/

function fcheckf(){
var x = document.getElementById('check').value;
if(x == 0)
{
    return false;
} 
else
{
     alert("Your message has been sent! Thank you for getting in touch.");
}
 }

Answer 1

Oki doki继承人我的回答：

<强> HTML

<div id="popup" style="width:250px;height:250px;background-color:rgba(255,255,255,0.5);border:3px solid black;display:none;z-index:999;position:absolute;top:50%;left:50%;margin-left:-125px;margin-top:-125px;">
        <div style="width:230px;height:230px;margin-left:10px;margin-top:10px;background-color:#FFFFFF;">
            Thank you for submitting your details<p>
            <div onclick="document.getElementById('popup').style.diplay='none';" style="margin-left:auto;margin-right:auto;width:75px;height:30px;background-color:#000000;cursor:hand;">
                Close
            </div>
        </div>
</div>

<强>的Javascript

更改

alert("Your message has been sent! Thank you for getting in touch.");

到

document.getElementById("popup").style.display="block";

Answer 2

你可以使用jquery ui对话框

see documentation

浏览器警报样式

2 个答案: