How to use a drop-down box for navigation?

[Guest]

Is there a way to use a drop-down box for page navigation? I've seen this
done elsewhere but I'm having trouble accomplishing this in FP (2002). Here's
the page with the "jump to" box in the upper left corner. The field values
are pointed to other web pages -- they just do not go to them.

www.jgdesign.com/Tempsites/JGD/mainpage.htm

 

[Steve Easton]

Try this. Note that it uses a Go button so that people who don't use a mouse can still use the
dropdown to navigate.
Also, Netscape needs the form tags.


<form>
<p align="center"><b>Select a Site </b>
<select id="setit" style="color: #0000FF" size="1" name="test">
<option value="">Select one</option>
<option value="http://www.altavista.com">AltaVista</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option></select>
<input type="button" value="Go" onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>



--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

 

[Guest]

Close, that works. But I'd rather not use a GO button (there will be
alternatives for those very few who do not have a mouse). Choosing is
selecting. I'm guessing that this cannot be done without a script of some
sort? I seen examples of this on html sites so I know it can be done. Perhaps
not natively in FP however?

Try this. Note that it uses a Go button so that people who don't use a mouse can still use the
dropdown to navigate.
Also, Netscape needs the form tags.


<form>
<p align="center"><b>Select a Site </b>
<select id="setit" style="color: #0000FF" size="1" name="test">
<option value="">Select one</option>
<option value="http://www.altavista.com">AltaVista</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option></select>
<input type="button" value="Go" onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>



--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Is there a way to use a drop-down box for page navigation? I've seen this
done elsewhere but I'm having trouble accomplishing this in FP (2002). Here's
the page with the "jump to" box in the upper left corner. The field values
are pointed to other web pages -- they just do not go to them.

www.jgdesign.com/Tempsites/JGD/mainpage.htm

 

[Steve Easton]

To do it without a Go button, simply delete the button and change it to an onSelect event.

However, poeple not using a mouse will never get past the first item in the dropdown list.

<form>
<p align="center"><b>Select a Site </b>
<select id="setit" style="color: #0000FF" size="1"
onSelect="window.open(setit.option[setit.selectedIndex].value)">
<option value="">Select one</option>
<option value="http://www.altavista.com">AltaVista</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option></select>
</p></form>


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Close, that works. But I'd rather not use a GO button (there will be
alternatives for those very few who do not have a mouse). Choosing is
selecting. I'm guessing that this cannot be done without a script of some
sort? I seen examples of this on html sites so I know it can be done. Perhaps
not natively in FP however?

Try this. Note that it uses a Go button so that people who don't use a mouse can still use the
dropdown to navigate.
Also, Netscape needs the form tags.


<form>
<p align="center"><b>Select a Site </b>
<select id="setit" style="color: #0000FF" size="1" name="test">
<option value="">Select one</option>
<option value="http://www.altavista.com">AltaVista</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option></select>
<input type="button" value="Go" onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>



--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Is there a way to use a drop-down box for page navigation? I've seen this
done elsewhere but I'm having trouble accomplishing this in FP (2002). Here's
the page with the "jump to" box in the upper left corner. The field values
are pointed to other web pages -- they just do not go to them.

www.jgdesign.com/Tempsites/JGD/mainpage.htm

 

[Guest]

I see, Steve. Hmmm...how would that change the code in the above example you
created? I am not familiar with Events, and FP Help...well, wasn't any. Is an
"onSelect event" a Javascript?

To do it without a Go button, simply delete the button and change it to an onSelect event.

However, poeple not using a mouse will never get past the first item in the dropdown list.

<form>
<p align="center"><b>Select a Site </b>
<select id="setit" style="color: #0000FF" size="1"
onSelect="window.open(setit.option[setit.selectedIndex].value)">
<option value="">Select one</option>
<option value="http://www.altavista.com">AltaVista</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option></select>
</p></form>


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Close, that works. But I'd rather not use a GO button (there will be
alternatives for those very few who do not have a mouse). Choosing is
selecting. I'm guessing that this cannot be done without a script of some
sort? I seen examples of this on html sites so I know it can be done. Perhaps
not natively in FP however?

Try this. Note that it uses a Go button so that people who don't use a mouse can still use the
dropdown to navigate.
Also, Netscape needs the form tags.


<form>
<p align="center"><b>Select a Site </b>
<select id="setit" style="color: #0000FF" size="1" name="test">
<option value="">Select one</option>
<option value="http://www.altavista.com">AltaVista</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.com">Google</option></select>
<input type="button" value="Go" onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>



--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

Is there a way to use a drop-down box for page navigation? I've seen this
done elsewhere but I'm having trouble accomplishing this in FP (2002). Here's
the page with the "jump to" box in the upper left corner. The field values
are pointed to other web pages -- they just do not go to them.

www.jgdesign.com/Tempsites/JGD/mainpage.htm