提交时弹出登录层的问题，在线等，

Question

a.php页面中，
<form action="" name="" method="post">
<input width="10"></input>
<br>
<input winth="10"></input>
<br>
<input type="submit" name="提交"></input>
</form>有个提交按纽正提交页面时，
需：弹出一个层，层中为用户名和密码输入，当用户名和密码输入正确时，
a.php页面中的信息才可正常提交出去，
现问：１怎么弹出这个登录信息的层，
　　　２弹出的层中假设用户名为u 密码为p，
　　　　怎么验正用户名信息并把a.php页面中的信息提交出去　　
thanks

Answer 1

这个层其实是个隐藏的div，点击登录就用js把它的属性hidden变成visible而已，用ajax提交到后台验证通过后记入session就可以了，ajax返回登录成功，就这样

Answer 2

用ajax框架吧，框架的dialog扩展，网上应该有dialog内动态iframe，指定iframe的src，可以研究下百度的弹出层也可以用百度的tangram不过百度的tangram的dialog会有bug，鼠标乱来

Answer 3

多谢大家，１楼的，你如何保证那个层设为visible后，会出现在a.php页面的最外层吗，

Answer 4

div有参数可以设置谁在最上面显示的，多年没写，忘了，自己查查css手册，或者过隔壁css版问

Answer 5

有没有哪位可提供　demo..thanks

Answer 6

var popWin = {
show:function(obj){
var m = "mask";
//mask遮罩层
        var newMask = document.createElement("div");
        newMask.id = m;
        newMask.style.position = "absolute";
        newMask.style.zIndex = "1";
        _scrollWidth = Math.max(document.body.scrollWidth,document.documentElement.scrollWidth);
        _scrollHeight = Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
        newMask.style.width = _scrollWidth + "px";
        newMask.style.height = _scrollHeight + "px";
        newMask.style.top = "0px";
        newMask.style.left = "0px";
        newMask.style.background = "#33393C";
        newMask.style.filter = "alpha(opacity=20)";
        newMask.style.opacity = "0.40";
        document.body.appendChild(newMask);

var popDiv = getEl(obj);
var popWidth = parseInt(popDiv.style.width,10);
var popHeight = parseInt(popDiv.style.height,10);
popDiv.style.top = (document.body.scrollTop + document.body.clientHeight/2 - popHeight/2) + "px";
        popDiv.style.left = (document.body.scrollLeft + document.body.clientWidth/2 - popWidth/2) + "px";
popDiv.style.display="block";

},
hide:function(obj){
getEl(obj).style.display="none";
if(getEl("mask")){document.body.removeChild(getEl("mask"));}
}
} if(!mobile_check())
{
document.getElementById("telError").innerHTML="<span style='color:red'>此号码不可用</span>";
return false;
}
var b = checkLogin();
if(!b){
popWin.show("login_pop");
return false;
}