How to use a drop-down box for navigation?

  • Thread starter Thread starter Guest
  • Start date Start date
G

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
 
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
 
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?

Steve Easton said:
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

Ibiminy Wake Caulfield said:
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
Click to expand...
Click to expand...
 
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

Ibiminy Wake Caulfield said:
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?

Steve Easton said:
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

Ibiminy Wake Caulfield said:
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
Click to expand...
Click to expand...
Click to expand...
 
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?



Steve Easton said:
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

Ibiminy Wake Caulfield said:
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?

Steve Easton said:
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
Click to expand...
Click to expand...
Click to expand...
 
Back
Top