想做个弹出框，请教。

tangh2177 2009-03-29 11:48:11

我想实现如下：
页面1中有一个按钮，按下后，弹出一个带有复选框的页面2。然后我把页面2所选择的复选框内容再写入页面1的一个表单中。请教怎么实现。最好源代码。说说如何实现也可。

...全文

57 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>