JavaScript Source Code 2002: Page Details: Smart Popup

Home

Page Details

Smart Popup

Create popup windows that will center on your screen or popup near your link without popping off the edge of the screen. Also shows how to create a clickable popup or a popup that displays when you hover over the link with your mouse. Cool!

JavaScript Source Code 2002: Page Details: Smart Popup
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">   <! > <! >  </script> </HEAD>  <BODY> <form name="formtest"> Test Width: <input maxlength=3 size=3 type=text value="220" name="testwidth"> Test Height: <input maxlength=3 size=3 type=text value="120" name="testheight"> <br><a href="javascript:void(0)" onmouseover="window.status='Click for more information'; return true" onClick="displayPopup(1,'smartpopuptext.txt','popup3',document.formtest.testheight.value,document.formtest.testwidth.value,(version4 ? event : null));">Test POPCLICK</a> <br><a href="javascript:void(0)" onmouseover="window.status='Click for more information'; return true" onClick="displayPopup(2,'smartpopuptext.txt','popup3',document.formtest.testheight.value,document.formtest.testwidth.value,(version4 ? event : null));">Test POPCLICKCENTER</a> <br><a href="javascript:void(0)" onMouseOver="displayPopup(1,'smartpopuptext.txt','popup1',document.formtest.testheight.value,document.formtest.testwidth.value,(version4 ? event : null))" onMouseOut="closePopup()">Test POPUP</a> <br><a href="javascript:void(0)" onMouseOver="displayPopup(2,'smartpopuptext.txt','popup2',document.formtest.testheight.value,document.formtest.testwidth.value,(version4 ? event : null))" onMouseOut="closePopup()">Test POPUPCENTER</a> </form>