|
Menus and Navigation >>>
After the user selects an option in the pulldown menu, the new page opens in a new window! This is useful when linking to sites not within your site when you do not want the user to leave your site. Your site will remain open in the other window so the visitor can come back to it when the are finished with the popup page. You can even control the size of the popup window, whether it has scrollbars, menubars, toolbars, etc.
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
function
formHandler(form)
{
var
windowprops =
"height=500,width=500,location=no,"
+
"scrollbars=no,menubars=no,toolbars=no,resizable=yes";
var
URL
=
form.site.options[form.site.selectedIndex].value;
popup
=
window.open(URL,"MenuPopup",windowprops);
}
</script>
<form
name=form>
<select
name=site
SIZE=1
onChange="formHandler(this.form)">
<option
value="http://www.yoursite.com">Go
to....
<option
value="http://www.yahoo.com">Yahoo
<option
value="http://www.metacrawler.com">Metacrawler
<option
value="http://www.altavista.digital.com">Altavista
<option
value="http://www.webcrawler.com">Webcrawler
<option
value="http://www.lycos.com">Lycos
<option
value="http://www.yaldex.com/JSFactory_Pro.htm">JavaScript
Editor
</select>
</form>
|
↓
|