[Html] <! 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> pop-up window </ TITLE> <META http-equiv = Content-Type content = "text/html; charset = UTF-8 "> <style> # popupcontent {position: absolute; visibility: hidden; overflow: hidden; border: 1px solid # CCC; background-color: # F9F9F9; border: 1px solid #333; padding: 5px ;}</style> <script> var baseText = null; function showPopup (w, h) {var popUp = document. getElementById ("popupcontent"); popUp. style. top = "200px"; popUp. style. left = "200px"; popUp. style. width = w + "px"; popUp. style. height = h + "px"; if (baseText = null) baseText = popUp. innerHTML; popUp. innerHTML = baseText + "<div id = \" statusbar \ "> <input type = \" button \ "value = \" Close window \ "onClick = \" hidePopup (); \ "> </div>"; var sbar = document. getElementById ("statusbar"); sbar. style. marginTop = (parseInt (h)-60) + "px"; popUp. style. visibility = "visible";} function hidePopup () {var popUp = document. getElementById ("popupcontent"); popUp. style. visibility = "hidden ";} </script> <META content = "MSHTML 6.00.2900.2838" name = GENERATOR> </HEAD> <BODY> <div id = "popupcontent"> content </div> <p> <a href = "#" onClick = "showPopup (300,200 ); "> onclick </a> </p> </BODY> </HTML>