<script> function open_box(){ document.all.ly.style.display="block"; document.all.ly.style.width=document.body.clientWidth; document.all.ly.style.height=document.body.clientHeight; } function close_box(theForm){ document.all.ly.style.display='none';return false; } </script>
<P align = "center"> <input type = "button" value = "pop-up Div" onclick = "open_box ()"/> </P> <! -- The floating layer framework starts --> <Div id = "ly" align = "center" style = "position: absolute; Z-index: 3; display: none; "> <Table width =" 540 "Height =" 300 "border =" 1 "cellpadding =" 0 "cellspacing =" 0 "style =" border-collapse: collapse; "> <tr> <TD style =" Background: #73a2d6; "valign =" Middle "Height =" 10 "> <Div align =" right "> <a href =" javascript:; "onclick =" close_box (); "Style =" color: # FFF; "> close </a> </div> </TD> </tr> <TD Height =" 130" Align = "center"> content here content </TD> </tr> </ table> </div> <! -- Floating layer framework ended -->