想做个弹出框,请教。

tangh2177 2009-03-29 11:48:11
我想实现如下:
页面1中有一个按钮,按下后,弹出一个 带有 复选框的 页面2。然后我把页面2所选择的复选框内容 再写入页面1的一个表单中。请教怎么实现。最好源代码。说说 如何实现也可。
...全文
55 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
tangh2177 2009-03-29
  • 打赏
  • 举报
回复
页面2 想放复选框 怎么放呢?
orz_ORZ_orz 2009-03-29
  • 打赏
  • 举报
回复
用div呗

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Demo</title>
<style type="text/css">
<!--
*{
margin:0;
padding:0;
}
html,body{
height:100%;
}
#shadow{
position:absolute; 
left:0;
top:0;
width:100%;
height:100%;
background-color:#0060C0;
filter:alpha(opacity=20);
}
#box{
position:absolute;
left:50%;
top:50%;
width:400px;
height:180px;
margin:-90px 0 0 -200px;
border:1px solid #84A0C4;
background-color:#DFE8F6;
text-align:center;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function createDiv()
{
var btnShow = document.getElementById("btnshow");
btnShow.disabled=true;

var shadow = document.createElement("div");
shadow.setAttribute("id","shadow");
shadow.style.zIndex="10";

var box=document.createElement("div");
box.setAttribute("id","box");
box.style.zIndex="999";

var spanUser=document.createElement("span");
spanUser.innerHTML="User:";

var textUser=document.createElement("input");
textUser.setAttribute("type","text");
textUser.setAttribute("id","textUser");

var button=document.createElement("input");
button.setAttribute("type","button");
button.setAttribute("id","button1");
button.setAttribute("value","Confirm");
button.onclick=hideDiv;

box.appendChild(spanUser);
box.appendChild(textUser);
box.appendChild(button);

document.body.appendChild(shadow);
document.body.appendChild(box);
}
function hideDiv()
{
var textUser=document.getElementById("textUser");
var user=document.getElementById("user");
user.value=textUser.value;

var box=document.getElementById("box");
var shadow=document.getElementById("shadow");
var btnShow=document.getElementById("btnShow");

document.body.removeChild(box);
document.body.removeChild(shadow);
btnShow.disabled=false;
}
-->
</script>
</head>
<body>
<div style="text-align:center">
<input id="user" type="text" />
<input id="btnshow" type="button" onclick="createDiv()" value="Display" />
</div>
</body>
</html>

81,110

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧