<!-- DROP DOWN MENU POP-UP OPENER --> <!-- This goes in the HEAD of the html file that would contain the link to the pop-up --> <script language="JavaScript" type="text/javascript"> <!-- Copyright 2005, Sandeep Gangadharan --> <!-- For more free scripts go to http://sivamdesign.com/scripts/ --> <!-- function openPop() { if (document.dropdown.choice.selectedIndex==0) return; if (document.dropdown.choice.selectedIndex==1) { window.open('popup_1.html','NewWin','toolbar=no,status=no,width=450,height=200'); } if (document.dropdown.choice.selectedIndex==2) { window.open('popup_2.html','NewWin','toolbar=no,status=no,width=450,height=200'); } if (document.dropdown.choice.selectedIndex==3) { window.open('popup_3.html','NewWin','toolbar=no,status=no,width=450,height=200'); } if (document.dropdown.choice.selectedIndex==4) { window.open('popup_4.html','NewWin','toolbar=no,status=no,width=450,height=200'); } } // Adjust the width and height (given here as 450 and 200) of the pop-ups in the code above. // change the name of the files above to suit your needs. // --> </script> </head> <!-- This goes into the body of the file --> <form name="dropdown"> <select name="choice" onChange=openPop()> <option selected value=0>&lt;&lt;&nbsp;&nbsp; Select &nbsp;&nbsp;&gt;&gt;</option> <option value=1>Pop-up_1</option> <option value=2>Pop-up_1</option> <option value=3>Pop-up_3</option> <option value=4>Pop-up_4</option> </select> </form> // You can add as many links to the menu above. Just make sure you increment the value for all links added. // For example, for every link added change the code <option value=#> where # is the number of the new link. // For every link added you must also change the code in the head of the document. Again for every link // added, add a new line: // if (document.dropdown.choice.selectedIndex== # ) { window.open('popup_1.html','NewWin','toolbar=no,status=no,width=450,height=200'); } // where # is the number of the new link matching the number in the code in the drop down menu.