Form object problem...

Try changing document.former.word.value = "test1" to document.former.word.options[document.former.word.selectedIndex].value == "test1" and so on for the other options.

Don't use single ='s in the if() brackets. Instead, use =='s which mean comparison. Single ='s mean assignment of value.

Thanks Abhishek but any ideas why this only works in IE and not in Netscape? Thanks...

What version of NS are you using? This works fine one NS6 for me.

4.77

Sorry, I don't have NS4.7, thus I can't test it.

What do you see in NS, anyway? Does nothing happen, or is there an error message?

I think that it could be a problem with the DOM. NS probably can't find document.former.word.options[document.forms.former.word.selectedIndex].value because the "former" object is in a form. So try document.forms.former.word.options[document.forms.former.word.selectedIndex].value

I think thats it, but I'm not too sure. Try it anyway.

I also removed the double brackets in the if() statement. if((...)) became if(...).

IE is usually more lenient with double bracketing and shorter DOM's and other stuff. Be extra careful if you're trying to make scripts cross-browser.

Abhishek - Maybe I am doing something wrong but this code is not working either (in either IE or NS)...

ok - messed with this code a little more... the problem, I believe, has something to do with the form object. I think this because when I change the list/menu form to a text field everything works properly in both IE and NS... what do you think?

Why don't you post the code/URL you've used for the dropdown menu? Also any other code you're using (which might interfere with this).

Quote:
I think this because when I change the list/menu form to a text field everything works properly in both IE and NS...

- I'm sorry, I don't understand what you've done.

The code which I posted previously does work on IE5 for me. The only thing certainly different is our HTML code, and the problem could even lie there.

Rather than have an if() statement for every option you should just have the target page be the option value. E.G:

You don't have to execute a comparison for every option. This way you can have as many as you want and change it when you want without touching the JS.

(And this does work on IE5/NS6. It's gotta work on NS4.7)

This is what I've done for my sites.

Check out http://www.CyberConneXions.com
(see the drop down at the top right corner)

I've used a drop down to display links to my other sites
(all owned and designed and maintained by yours truly )

I've pasted both the javascript function and the
form (select) code below.

Modify the links to suite your url's. Let me know if you need further help.

I also run a mailing list for webmasters and
do-it-yourself web site owners, where I give away
a lot of such code for free.

Feel free (pun intended) to sign up at
http://www.CyberConneXions.com/totd if you care.

Regards,

Ravi

function loadSite()
{
var mySelect = document.networksites.networksites;

var url = mySelect.options[mySelect.selectedIndex].value;
if(url!="stay")
window.open(url);
}

Other BabyNamesIndia.com Network
Sites
Write2Me.net
CyberConneXions.com
YehHaiIndia.org
BabyNamesIndia.com

And yes, the script above works in all browsers.

Ravi

ok all - here is all of the code for the page... I still can't get it to work "at all" in NS 4.77...

Untitled Document

<script>
function getit() {
if ((document.former.word.value == "1")) {window.location = "index.html"}
else if ((document.former.word.value == "2")) {window.location = "index2.html"}
else if ((document.former.word.value == "3")) {window.location = "index3.html"}

}
</script>
Please complete the following search criteria.

*Indicates
a required field.

Client
ID Entered:

123456789

*Please
Select a Product:

producta
productb
productc

You're calling onClick from the wrong place.

It should be:

Remove the other href onclick tag.

Let me know if it works.

- Ravi

And forgot to add, your code will not work even if you make that change.

Why?

Because you are not checking for which "select" element is "selected" in your function.

If you don't know what that means, then you won't be able to make your program works.

So, whatever changes you make, it will *NOT* work.

I pasted a fully working script earlier. Why can't you use it? Simply modify my url's to your local url's.

I appreciate you suggestions and the fact that you have posted a working script above. I am following a particular format where I am requiring the user to select an option and then have to click on the continue button. Your example works properly and is a useful script to know but it is nonconforming to the rest of my web where I have similar situations occurring. I have an idea of what you are talking about with the "selecting element" but do not possess the knowledge to remedy the problem... That is where I was hoping you all would come into play!

You can easily modify my script to do what you want:

Remove the onChange="java script:loadSite();" in my script and call it from the "OnClick" event ( tag) as I explained in my 2nd example.

- Ravi

oh my goodness, it finally works! woooo hoooo!

one quick question: how do I get the new pages to load in the same window and not in another window?

Thanks again for your help!

Just change this:

if(url!="stay")
window.open(url);

to this:
if(url!="stay")
location.href = url;

- Ravi

You the man!