clicking on a item in a dropdown list, how do i link it

Powderpuff · Jul 7, 2005

I am new at this. I have a drop down menu with all the items listed, how do I
click on a item in the list so that it takes me to the page that I have
clicked on. I gather you have to make seperate pages for all the lists in the
menu.
PLEASE HELP someone.
Sure hope this makes sense.

Trevor L. · Jul 7, 2005

Have a look at this:
http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_100.html

From what I can tell, you just have to have each element in the list link to
another page

Dan L · Jul 7, 2005

Yes you have to make separate pages if you're going to link to them. In the
drop down list, add a link to the pages. For example:

<form>
<select onChange="if(options[selectedIndex].value)
window.location.href=(options[selectedIndex].value)">
<option>Select...
<option value="home.htm">Home</option>
<option value="links.htm">Links</option>
<option value="contact.htm">Contact</option>
</select>
</form>

Steve Easton · Jul 7, 2005

fwiw, you should use onClick with a Go button instead of onChange.
If you use onChange, a person who navigates using the keyboard instead of a mouse,
will never get past the first item in the drop down.

;-)

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

Dan L said:
Yes you have to make separate pages if you're going to link to them. In the
drop down list, add a link to the pages. For example:

<form>
<select onChange="if(options[selectedIndex].value)
window.location.href=(options[selectedIndex].value)">
<option>Select...
<option value="home.htm">Home</option>
<option value="links.htm">Links</option>
<option value="contact.htm">Contact</option>
</select>
</form>

Powderpuff said:

I am new at this. I have a drop down menu with all the items listed, how do I
click on a item in the list so that it takes me to the page that I have
clicked on. I gather you have to make seperate pages for all the lists in the
menu.
PLEASE HELP someone.
Sure hope this makes sense.

Click to expand...

MikeR · Jul 7, 2005

How about bookmarks on the same page?
MikeR

Dan said:
Yes you have to make separate pages if you're going to link to them. In the
drop down list, add a link to the pages. For example:

<form>
<select onChange="if(options[selectedIndex].value)
window.location.href=(options[selectedIndex].value)">
<option>Select...
<option value="home.htm">Home</option>
<option value="links.htm">Links</option>
<option value="contact.htm">Contact</option>
</select>
</form>

:

I am new at this. I have a drop down menu with all the items listed, how do I
click on a item in the list so that it takes me to the page that I have
clicked on. I gather you have to make seperate pages for all the lists in the
menu.
PLEASE HELP someone.
Sure hope this makes sense.

Click to expand...

Dan L · Jul 7, 2005

A hyperlink by any other name is still a hyperlink.

MikeR said:
How about bookmarks on the same page?
MikeR

Dan said:

Yes you have to make separate pages if you're going to link to them. In the
drop down list, add a link to the pages. For example:

<form>
<select onChange="if(options[selectedIndex].value)
window.location.href=(options[selectedIndex].value)">
<option>Select...
<option value="home.htm">Home</option>
<option value="links.htm">Links</option>
<option value="contact.htm">Contact</option>
</select>
</form>

:

I am new at this. I have a drop down menu with all the items listed, how do I
click on a item in the list so that it takes me to the page that I have
clicked on. I gather you have to make seperate pages for all the lists in the
menu.
PLEASE HELP someone.
Sure hope this makes sense.

Click to expand...

Click to expand...

Powderpuff · Jul 9, 2005

Hi Dan

Thank you for taking the time to help me, I gather that I have to do this in
the code section of Front page.....
So each page has a htm after it.....I got a drop down script from another
site and put it in my code section like it said to do, and changed their code
to the catergories that I have instead....
Here is part of the script that I have from the script site which is in the
head part of the code
Begin
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);
}
// End -->
and here is the start of what is in the body part.....
<a href="Newspapers%20&%20Mags.htm"><select name="Select One"
SIZE=1 onChange="formHandler(this.form)" multiple>
<option value="Adult">Adult</option>
<option value="Astrology">Astrology</option>
<option value="Aviation">Aviation & Defense</option>
<option value="Bikers">Bikers,Lifestyle & Tattoos</option>
<option value="Boating">Boating</option>
I really would appreciate any help that you might be able to give me.....

Thank you so much,

From a silly Aussie

Dan L said:
Yes you have to make separate pages if you're going to link to them. In the
drop down list, add a link to the pages. For example:

<form>
<select onChange="if(options[selectedIndex].value)
window.location.href=(options[selectedIndex].value)">
<option>Select...
<option value="home.htm">Home</option>
<option value="links.htm">Links</option>
<option value="contact.htm">Contact</option>
</select>
</form>

Powderpuff said:

I am new at this. I have a drop down menu with all the items listed, how do I
click on a item in the list so that it takes me to the page that I have
clicked on. I gather you have to make seperate pages for all the lists in the
menu.
PLEASE HELP someone.
Sure hope this makes sense.

Click to expand...

Stefan B Rusynko · Jul 9, 2005

Remove the hyperlink wrapping the form field - illegal html
Remove <a href="Newspapers%20&%20Mags.htm"> and the closing tag </a>

Then for each "page" in your dropdown add the page location for the value
<option value="Adultpage.htm">Adult</option>
or if Adult is a bookmark on the page Newspapers_and_Mags.htm
<option value="Newspapers_and_Mags.htm#Adult">Adult</option>

PS
remove all spaces and punctuation from your file names (& is reserved and not allowed in a file names)

| Hi Dan
|
| Thank you for taking the time to help me, I gather that I have to do this in
| the code section of Front page.....
| So each page has a htm after it.....I got a drop down script from another
| site and put it in my code section like it said to do, and changed their code
| to the catergories that I have instead....
| Here is part of the script that I have from the script site which is in the
| head part of the code
| Begin
| 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);
| }
| // End -->
| and here is the start of what is in the body part.....
| <a href="Newspapers%20&%20Mags.htm"><select name="Select One"
| SIZE=1 onChange="formHandler(this.form)" multiple>
| <option value="Adult">Adult</option>
| <option value="Astrology">Astrology</option>
| <option value="Aviation">Aviation & Defense</option>
| <option value="Bikers">Bikers,Lifestyle & Tattoos</option>
| <option value="Boating">Boating</option>
| I really would appreciate any help that you might be able to give me.....
|
| Thank you so much,
|
| From a silly Aussie
| "Dan L" wrote:
|
| > Yes you have to make separate pages if you're going to link to them. In the
| > drop down list, add a link to the pages. For example:
| >
| > <form>
| > <select onChange="if(options[selectedIndex].value)
| > window.location.href=(options[selectedIndex].value)">
| > <option>Select...
| > <option value="home.htm">Home</option>
| > <option value="links.htm">Links</option>
| > <option value="contact.htm">Contact</option>
| > </select>
| > </form>
| >
| >
| > "Powderpuff" wrote:
| >
| > > I am new at this. I have a drop down menu with all the items listed, how do I
| > > click on a item in the list so that it takes me to the page that I have
| > > clicked on. I gather you have to make seperate pages for all the lists in the
| > > menu.
| > > PLEASE HELP someone.
| > > Sure hope this makes sense.

Powderpuff · Jul 10, 2005

Thank you for your help, and sorry to say I have done what you say but when I
click on the Adult in the drop down list it comes up and says Error 14 Object
needed.
I have the page Adult.htm....this is so frustrating, hope you or someone can
tell me what I am doing wrong..

Stefan B Rusynko said:
Remove the hyperlink wrapping the form field - illegal html
Remove <a href="Newspapers%20&%20Mags.htm"> and the closing tag </a>

Then for each "page" in your dropdown add the page location for the value
<option value="Adultpage.htm">Adult</option>
or if Adult is a bookmark on the page Newspapers_and_Mags.htm
<option value="Newspapers_and_Mags.htm#Adult">Adult</option>

PS
remove all spaces and punctuation from your file names (& is reserved and not allowed in a file names)

| Hi Dan
|
| Thank you for taking the time to help me, I gather that I have to do this in
| the code section of Front page.....
| So each page has a htm after it.....I got a drop down script from another
| site and put it in my code section like it said to do, and changed their code
| to the catergories that I have instead....
| Here is part of the script that I have from the script site which is in the
| head part of the code
| Begin
| 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);
| }
| // End -->
| and here is the start of what is in the body part.....
| <a href="Newspapers%20&%20Mags.htm"><select name="Select One"
| SIZE=1 onChange="formHandler(this.form)" multiple>
| <option value="Adult">Adult</option>
| <option value="Astrology">Astrology</option>
| <option value="Aviation">Aviation & Defense</option>
| <option value="Bikers">Bikers,Lifestyle & Tattoos</option>
| <option value="Boating">Boating</option>
| I really would appreciate any help that you might be able to give me.....
|
| Thank you so much,
|
| From a silly Aussie
| "Dan L" wrote:
|
| > Yes you have to make separate pages if you're going to link to them. In the
| > drop down list, add a link to the pages. For example:
| >
| > <form>
| > <select onChange="if(options[selectedIndex].value)
| > window.location.href=(options[selectedIndex].value)">
| > <option>Select...
| > <option value="home.htm">Home</option>
| > <option value="links.htm">Links</option>
| > <option value="contact.htm">Contact</option>
| > </select>
| > </form>
| >
| >
| > "Powderpuff" wrote:
| >
| > > I am new at this. I have a drop down menu with all the items listed, how do I
| > > click on a item in the list so that it takes me to the page that I have
| > > clicked on. I gather you have to make seperate pages for all the lists in the
| > > menu.
| > > PLEASE HELP someone.
| > > Sure hope this makes sense.

clicking on a item in a dropdown list, how do i link it

Powderpuff

Trevor L.

Dan L

Steve Easton

MikeR

Dan L

Powderpuff

Stefan B Rusynko

Powderpuff