#01-021

Java Script Drop Down Jump Menu

I’ve set up a web site with several web pages. I'd like to have a drop down menu that links to pages on my site like the one that appears at the www.mvd.com homepage.

Click here to see a pre-made page you can copy. All you will need to do is save the page, and edit the drop down menu box. (instructions for editing the drop down menu properties are below)

To make a page from scratch follow the instructions below.

Open WebExpress and start a new page. (File, New Web Page)

Select Scripts, from the Edit Menu.

Select Java Script from the type box and click on New.

Copy the script into the Big White Box... here is the script...

function selecturl(s) { var gourl = s.options[s.selectedIndex].value; if ((gourl != null) && (gourl != "") ) { window.top.location.href = gourl; }}

Click Save and then Click Close

Create a table so that you can place the drop down box inside one of the cells, where you would like it to go.

To insert the form into the table...

Click on Insert, Form

Select the "Create Custom Form From Scratch" button

Click Next.

Click Finish.

To insert the DropDown Menu into the form...

Click on Insert, Form Field

Select Drop Down Menu

In the Name Field, name it Destination

In the Choices Field, type Select your Destination

Click Add

In Choices Field type in ------------------

Click Add

In choices field type in the name of page you wish to link to

In the Value field type in the url of the page you wish to link to.

Click Add

Click on the Extensions button

Click on Add

In the name field type in ONCHANGE

In the value field type in selecturl(Destination)

Click on all the OK buttons to get out of those dialog boxes and back to the web page.

Save the page...