spacer
Yehuda Shiran November 1, 2000
Hiding Popups
Tips: November 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Microsoft Shows Off Silverlight 4, IE9 Plans
Metasploit Expands Vulnerability Test Framework
HyperCard Reborn?

Internet Explorer 5.5 features the createPopup() method. Use this method to create popup objects. The popup objects are hidden when created. Here is how you create them:

oPopup = window.createPopup()

You reveal the popup window by the show() method. Here is an example of a popup window:

<SCRIPT LANGUAGE="JavaScript">
<!--
oPopup = window.createPopup();
var oPopupBody = oPopup.document.body;
oPopupBody.style.backgroundColor = "magenta";
oPopupBody.style.border = "solid blue 3px";
oPopupBody.innerHTML = "Click outside <B>popup</B> to close.";
oPopup.show(300, 80, 200, 50, document.body);
// -->
</SCRIPT>

You send a popup window away either by clicking anywhere on the page, or by a script:

oPopup.hide();
The following onOff() function switches the popup window on this page, on or off, depending on its previous status:

function onOff() {
  if (on) {
    oPopup.hide();
	on = false;
  }
  else {
    oPopup.show(300, 80, 200, 50, document.body)
	on = true;
  }
}

You call this function using the setInterval() function, every 2000 milliseconds:

setInterval("onOff()", 2000);

Notice that we call demoPopup() when the page loads, and then the popup window (top right corner of the page) goes on and off every 2 seconds. Since we access oPopup from different functions, we define it as a global variable, somewhere in one of the JavaScript sections, not in any one of the functions:

var oPopup;


People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Rolling Out Your Own HTML Application Version Control · HTML 5: Client-side Storage · Working with Ajax Server Extensions
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Wi-Fi Product Watch, November 2009 · Chip Market Recovering From '08 Collapse · Low-Cost Tools to Kickstart Your New Business