Javascript popup windows -- several examples. Javascripting the easy way.

Home back Drug Search Drug Tables disclaimer IV Dilutions Medline Renal Dosing

calculators General links *Health topics* consumer links News online store

Multimedia Library

More Health Topics

Generating pop-up windows Pop-up windows are great for showing additional information
These first three examples require a separate web page to be used as a pop-up.
Example 1:	Example 2:
Click for window
Example 3:

Source code for the first 3 examples: Example one: <a href="#" onclick="window.open('1.htm','Windowname','width=150,top=0,left=0,resizable,scrollbars,height=150'); return false;">Click for window</a> Example 2: <input type=button value="click for window" onclick="window.open('1.htm','Windowname','width=100,height=100');"> Example 3: <input type=button value="maximum options" onclick="window.open('1.htm','Windowname','menubar,status,scrollbars,resizable,toolbar,location,width=400,height=400');">

Similar to above, except pop-up window appears when you mouseover the link. Must also create page beforehand. In this example the pop-up page is named 1.htm. You may name it anything you want.
Place your mouse over here
Source code for mouseover window <a href="#" onmouseout="dave.close()" onmouseover="dave=window.open('1.htm','test','width=300,height=300')"><font size="2" face="Arial">click here</font></a>

This script is for a single popup. Must click on link to see pop-up. Great for tips. Requires some knowledge of javascript. (medium difficulty) Benefit: no need to create page ahead of time.
Click for tip: This window will popup when clicked...great for tips
Source code for above window: <script language="JavaScript"> <!-- function onewind() { dave=window.open("","min","width=263 height=181"); dave.document.write("<FONT FACE='Arial' SIZE='2'>") dave.document.write("<hr><br>This script is great for <h1><font color=\"red\">describing</font></h1>links.") dave.document.write("</FONT>") } // --></script> <a href="#" onclick="onewind()">This window will popup when clicked...great for tips</a>

This script is for multiple windows. You can add as many statements as you need. (Level: Highest difficulty). Examples are included. These popup windows are generated dynamically.
Dave.com	Mouse over me..
All of these windows popup when the mouse passes over them
Source code for above examples: <script language="JavaScript"> <!-- var x1,x2,x3; x1="Dave knows his stuff as witnessed by this script blah .blah.blah<p>and more blah" x2="this script is great for <h1><font color=\"blue\">describing</font></h1>links." x3="Well bye for now<FONT SIZE=\"10\" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE BGColor=yellow>goodbye</MARQUEE></FONT> " var dave; function closenow() { dave.close(); } function anything(num) { dave=window.open("","min","width=263 height=181"); dave.document.write("<FONT FACE='Arial' SIZE='2'>") dave.document.write(eval("x"+num)) dave.document.write("</FONT>") } // --></script> <p><a href="#" onmouseout="closenow()" onmouseover="anything(1)"><font size="2" face="Arial">Dave.com</font></a></p> <p><a href="#" onmouseout="closenow()" onmouseover="anything(2)"><font size="2" face="Arial">purpose</font></a></p> <p><a href="#" onmouseout="closenow()" onmouseover="anything(3)"><font size="2" face="Arial">All of these windows popup when the mouse passes over them</font></a></p>