SOPHIAKNOWS | CODEBASE > JAVASCRIPT

Source/Downloads

In General: This page demonstrates a kinder and gentler method of generating javascript popup windows.

The core method, PopTool(), pops up targeted content in a new JavaScript defined canvas window for most user but leaves links accessible to non-javascript enabled browsers and well behaved for right-clickers.

PopTool() can be called from multiple links, it can be hard-wired as an event handler for one or more document form controls and/or it can be called from a second page script.

<head>
<body>

<script type="text/javascript">
/* POPUP: (begin all) */

/* POPUP: (function: PopTool) */
function PopTool(a) {
   var argv=PopTool.arguments;
   var params="width=" + ((argv[1])?argv[1]:600);
       params+=",height="+((argv[2])?argv[2]:450);
       params+=",scrollbars=1,resizable=1";
   var x_target = 'new';
   var x_url = a;
   var popWindow=window.open(x_url,x_target,params);	
   popWindow.focus();
   return false;
   }
/* POPUP: (end PopTool) */

</script>


<p align=center>

<!-- LINK CALLING POPTOOL-->
<a href="eg2.html"
   onclick="return PopTool(this.href,450,450)">
   PopTool Example
</a>

</p>

</body>

PopTool() takes one mandatory parameter, a URI specifying the location of the file to be opened in the new window, which in this example is the HREF of the anchor link calling the function (this.href)

<a onclick="return PopTool(this.href)" 
   href="eg2.html">
   PopTool Example (default)
</a>

PopTool() takes two optional parameters width and height where: width is an integer representing the window's width in pixels; and height is an integer representing the windows heigth in pixels

<a onclick="return PopTool(this,800,400)" 
   href="eg2.html">
   Pop Example (800x400)
</a>

<button onclick="AutoPop("example.html",800,400)">
AutoPop Example
</a>