onclick problem with netscape

[chris]

if i eun this page in IE or netscape it works fine,
<select name="select" onChange="javascript:location.href =
this.options[selectedIndex].value;">
<option value="[url to load]" >this page </option>
<option value="[url to load]" >another page</option>
</select>
but i would rather have a button for the user to click rather than an
onchange
so i modified it to the below - it works in IE but not in netscape, any idea
why this is

<form name= "form">
<select name="select" >
<option value="[url to load]" >this page </option>
<option value="[url to load]" >another page</option>
</select>
<input type="button" name="but" value="load"
onclick="javascript:location.href = select.options.value;">
</form>
thanks in advance

[Martin Honnen]

chris wrote:

but i would rather have a button for the user to click rather than an
onchange
so i modified it to the below - it works in IE but not in netscape, any idea
why this is

<form name= "form">
<select name="select" >
<option value="[url to load]" >this page </option>
<option value="[url to load]" >another page</option>
</select>
<input type="button" name="but" value="load"
onclick="javascript:location.href = select.options.value;">

Use
<input type="button"
onclick="window.location.href =
this.form.elements.select.options[this.form.elements.select.selectedIndex].value;"
to have cross browser code.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[David Dorward]

chris wrote:

so i modified it to the below - it works in IE but not in netscape, any <input type="button" name="but" value="load"
onclick="javascript:location.href = select.options.value;">

Most browsers do not create global variables referencing named elements on
the page.

Your entire approach to this problem is fairly poor though, have a read of:
http://www.cs.tut.fi/~jkorpela/forms/navmenu.html (as you don't want the
onchange bits, you can just delete that attribute entirely from the example
code).
--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[chris]

thanks that worked

"Martin Honnen" <ma*******@yahoo.de> wrote in message
news:41***********************@newsread4.arcor-online.net...

chris wrote:

but i would rather have a button for the user to click rather than an
onchange
so i modified it to the below - it works in IE but not in netscape, any idea why this is

<form name= "form">
<select name="select" >
<option value="[url to load]" >this page </option>
<option value="[url to load]" >another page</option>
</select>
<input type="button" name="but" value="load"
onclick="javascript:location.href = select.options.value;">
Use
<input type="button"
onclick="window.location.href =

this.form.elements.select.options[this.form.elements.select.selectedIndex].v
alue;" to have cross browser code.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Toby Inkster]

chris wrote:

<form name= "form">
<select name="select" >
<option value="[url to load]" >this page </option>
<option value="[url to load]" >another page</option>
</select>
<input type="button" name="but" value="load"
onclick="javascript:location.href = select.options.value;">
</form>

<form>
<select id="potato">
<option value="http://example.org/">Example.org</option>
<option value="http://example.com/">Example.com</option>
</select>
<input onclick="location.href=document.getElementById('po tato').options[document.getElementById('potato').selectedIndex].value;">
</form>

But this is a *really* bad idea because:

- it means that people who have Javascript disabled (about 1 in 10) are
unable to use your navigation system; and

- search engines don't fill in forms so won't be able to crawl your site.

A much better way of doing it is:

<ul>
<li><a href="http://example.org/">Example.org</a></li>
<li><a href="http://example.com/">Example.com</a></li>
</ul>

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact