<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <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.οnclick=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> <!--StartFragment--> <DIV style="TEXT-ALIGN: center" mce_style="TEXT-ALIGN: center"><INPUT id=user> <INPUT id=btnshow οnclick=createDiv() type=button value=Display> </DIV><!--EndFragment--> </BODY> </HTML>