求JS写弹出框思路或样例代码(有阻塞的那种),该怎么解决
日期：2014-05-17 浏览次数：20687 次
求JS写弹出框思路或样例代码(有阻塞的那种)
需求要一弹出框,用于修改数据。
知道可用DIV实现,但是不能阻塞线页面
想要写一个弹出框,让用户只能在弹出框的范围操作
求高手解决!
------解决方案--------------------
额
写一个div1 将页面覆盖
然后在这个div1上面一层在加一个div2
div2的内容 自己写
------解决方案--------------------
需求要一弹出框,用于修改数据。
知道可用DIV实现,但是不能阻塞线页面
想要写一个弹出框,让用户只能在弹出框的范围操作
求高手解决!
------解决方案--------------------
额
写一个div1 将页面覆盖
然后在这个div1上面一层在加一个div2
div2的内容 自己写
------解决方案--------------------
- HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>测试首页</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script src="js/jquery-1.3.2.js" type="text/javascript" language="javascript"></script>
<style type="text/css">
a{color:blue;}
#divBgReg{
background:#FFFFFF none repeat scroll 0 0;
height:100%;
left:0;
top:0;
width:100%;
filter:alpha(opacity=80);/* IE */
-moz-opactiy:0.8; /* Moz + FF */
z-index=:10000;
}
#divReg{
width:326px;
height:306px;
margin:-200px 0 0 -200px;
left:50%;
top:50%;
position:absolute;
background:#FFF;
z-index:10001;
border:3px solid #1B5BAC;
}
#divClose{
text-align:right;
background:D4D0C8;
right:10px;
top:10px;
width:100%;
height:20px;
overflow:hidden;
cursor:pointer;
}
</style>
<script type="text/javascript">
function myReg(){
$("#divReg").show();
$("#divBgReg").show();
}
function closeReg(){
$("#divReg").hide()
$("#divBgReg").hide();
}
function checkReg(myForm){
if(!checkNull(myForm)){
return false;
}
if(myForm.Rpass.value==null || myForm.Rpass.value==""){
alert("重复密码不能为空");
myForm.Rpass.focus();
return false;
}
if(myForm.Rpass.value!=myForm.userpass.value){
alert("重复密码与密码不一致");
return false;
}
return true;
}
function checkNull(myForm){
if(myForm.username.value==null || myForm.username.value==""){
alert("用户名不能为空");
myForm.username.focus();
return false;
}
if(myForm.userpass.value==null || myForm.userpass.value==""){
alert("密码不能为空");
myForm.userpass.focus();
return false;
}
return true;
}
function check(){
var sel = document.getElementById("abc");
for(var i=0 ;i<sel.options.length;i++){
if(sel.options[i].value==3){
sel.options[i].selected=true;
}
}
}
</script>
</head>
<body style="text-align:center;">
<div id="divReg" style="display:none;">
<div id="divClose"><a href="#" onclick="closeReg()">关闭</a></div>
<div id="divRegContent" style="align:center;">
<form name="regForm" action="" onsubmit=&qu
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
