Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Web Sites - Creating pop-up windows by using HTML and JavaScript ======

Create a small pop-up windows, and put it on the center of screen.

<code javascript>
<script language="JavaScript">
/*
 * Open centered pop-up window
 *
 * @param URL - specifies the URL of the page to open.  If no URL is specified, a new window with **about:blank** will be opened.
 * @param windowName - specifies the target attribute or the name of the window (_blank, _parent, _self, _top, name).
 * @param windowWidth - the window width in pixels (integer).
 * @param windowHeight - the window height in pixels (integer).
*/

function popUpWindow(URL, windowName, windowWidth, windowHeight) 
{
  var centerLeft = (screen.width/2)-(windowWidth/2);
  var centerTop = (screen.height/2)-(windowHeight/2);
  var windowFeatures = 'toolbar=no, location=no, directories=no, status=no, menubar=no, titlebar=no, scrollbars=no, resizable=no, ';
  return window.open(URL, windowName, windowFeatures +' width='+ windowWidth +', height='+ windowHeight +', top='+ centerTop +', left='+ centerLeft);
}
</script>
</code>

^Feature^Description^
|directories=<nowiki>yes|no|1|0</nowiki>|Obsolete.  Whether or not to add directory buttons.  Default is yes.  IE only.|
|height=pixels|The height of the window.  Minimum value is 100.|
|left=pixels|The left position of the window.  Negative values not allowed.|
|location=<nowiki>yes|no|1|0</nowiki>|Whether or not to display the address field. Opera only.|
|menubar=<nowiki>yes|no|1|0</nowiki>|Whether or not to display the menu bar.|
|resizable=<nowiki>yes|no|1|0</nowiki>|Whether or not the window is resizable.  IE only.|
|scrollbars=<nowiki>yes|no|1|0</nowiki>|Whether or not to display scroll bars.  IE, Firefox & Opera only.|
|status=<nowiki>yes|no|1|0</nowiki>|Whether or not to add a status bar.|
|titlebar=<nowiki>yes|no|1|0</nowiki>|Whether or not to display the title bar.  Ignored unless the calling application is an HTML Application or a trusted dialog box.|
|toolbar=<nowiki>yes|no|1|0</nowiki>|Whether or not to display the browser toolbar.  IE and Firefox only.|

----

<code html>
<a onclick="popUpWindow('http://www.sharewiz.net', 'Title', '500', '400');" href="javascript:void(0);">CLICK TO OPEN POP-UP</a>

<a href="javascript:popUpWindow('http://www.sharewiz.net','Title','500','400')">CLICK TO OPEN POP-UP</a>
</code>

<WRAP info>
Replace **Title** with name of the window (_blank, _parent, _self, _top, name).

Set the Width and Height of the popup as required.
</WRAP>


<WRAP info>
**NOTE:**  This function does not work on a dual monitor setup.
</WRAP>