CodeLifter.com - JavaScript DropDowns that do PopUps Script

Functions:  A simple script that allows you to launch popup
            windows from a dropdown menu.  Any number of
            links can be added to the options list.  The 
            popup window features can be set within the
            script. Great for saving space on the page when
            long lists are required, for image popups, and
            for offsite referrals while still keeping people
            on your page.

Browsers:   NS3-6, IE4-6

Author:     etLux
============================================================

Put the following script in the body of your page where you
wish the dropdown menu to appear.  Just follow the pattern
in the options to set up the pages you wish to open in the
popup window.

You can set the popup window features in the function call
within the windowDoPop=(...) by changing no to yes for
toolbar, location, menu, status, scrollbars, etc., as well
as the window height= and window= therein.

Take care to have the entire windowDoPop=(...); on a
single line without intervening spaces or linefeeds.

<script>
<!--
// (C) 2001 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header

var windowDoPop

function go(whichURL) {
    windowDoPop=window.open(whichURL[whichURL.selectedIndex].value,'doPop','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=200,height=200');
    windowDoPop.focus();
}
//-->
</script>

<FORM>
<SELECT NAME="SelectURL" size="1">
<option value="http://www.codelifter.com/main/javascript/slide1_1.html">Picture One</option>
<option value="http://www.codelifter.com/main/javascript/slide1_2.html">Picture Two</option>
<option value="http://www.codelifter.com/main/javascript/slide1_3.html">Picture Three</option>
<option value="http://www.codelifter.com/main/javascript/slide1_4.html">Picture Four</option>
<option value="http://www.codelifter.com/main/javascript/slide1_5.html">Picture Five</option>
</SELECT>
<INPUT TYPE="button" VALUE="go" onClick="go(this.form.SelectURL.options)">
</FORM>

============================================================
Additional Tips

Positioning the Popup Window

If you want the popup window to locate itself at a certain
position, put the following short script in the <head> of the
page that is opened.  The numbers are the x and y positions
on the screen, respectively.

Focusing the Popup Window

To ensure that the popup window comes into focus (that is, 
to the front), you may wish to add self.focus() to the body
tag of the page, like this:

Although IE4-6 and NS3-4 do not require this, NS6 does.
============================================================

Get The Code!

CodeLifter is a CodeBrain.com Sister Site
�1995 - 2012 OEC Corp & CodeLifter.com
CodeLifter� & CodeBrain�
Legal Notices

CodeBrain InterNET Group
BrainCode.com	CodeFoot.com	CodeBelly.com
Droiddd.com	etLux.com	FFFast.com
TrayApps.com	PopUpWorks.com	MicroTicker.com
DavidSosnowski.com	OECCorp.com	MailToProtector.com
	CodeBrain.com

Free MUSIC!

Contemporary classical music, completely free.