»
home
» contact
» terms of use
FREE SCRIPTS
»
new
» text
» image
» utility
» background
» animation
» date/time
FREE ONLINE TOOLS
» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test
FREE BASIC SNIPLETS
» alert box
» image: multi-rollover
» pop-up: centering
»
more
FREE'N'CRAZY
» realtime death counter
» eyeQ
» fun ticker
RECOMMENDED LINKS
» www.dynamicdrive.com
» www.hotscripts.com
Centering a pop-up-window
Click here to open a centered pop-up-window.
Configuration:
Step 1:
Paste the following code between the
<body>
and
</body>
section of your webpage:
<A HREF="#" onClick="centerpopup('400','300')">Click here to open a pop-up-window and put it into the center</A>
Comment to the code above: the value '400' is the width of the sample pop-up-window, the value '300' is the height of the sample pop-up-window
Step 2:
Paste the following code between the
<head>
and
</head>
section of your webpage::
<SCRIPT> function centerpopup(popupwidth,popupheight) { var popup_width=popupwidth var popup_height=popupheight var screen_width=window.screen.width var screen_height=window.screen.height var popup_left=Math.round((screen_width-popup_width)/2) var popup_top=Math.round((screen_height-popup_height)/2) var popupwindow=window.open("","","status,height="+popup_height+",width="+popup_width+",resizable=no,left="+popup_left+",top="+popup_top+",scrollbars=no"); popupwindow.document.write("<HTML><HEAD></HEAD><BODY BGCOLOR=red></BODY></HTML>") popupwindow.document.close() } </SCRIPT>
