me pueden ayudar con el siguiente codigo de un menu Drop Donw

[energy182]

Alguien me puede ayudar con el siguiente codigo de un menú Drop Down :




<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function formHandler(form){

var valor= document.form.site.value

if (valor == "Seleccione uno...")
{
alert("Atención. El valor introducido no es correcto");
return (false);
}
else{

var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
return (true);
}
}
// End -->
</SCRIPT>

<SELECT id=select1 onChange="javascript:formHandler()" name=site style="FONT-SIZE: xx-small; BACKGROUND-ATTACHMENT: scroll; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: darkblue; FONT-FAMILY: arial;" size="1">
<option value="Seleccione uno...">Seleccione uno...</option>
<option value="account.asp">Datos de su cuenta</option>
<option value="new_auto.asp">Agregar un nuevo anuncio</option>
<option value="show.asp">Mostrar anuncios existentes</option>
<option value="show.asp">Borrar un anuncio existente</option>
<option value="show.asp">Modificar un anuncio exsitente</option>
<option value="end.asp">Terminar Sesión</option>
</select>






es que no se como susituir valores para que funcione bien, por ejemplo:


<option value="show.asp ">Mostrar anuncios existentes</option>


Sustituyo "show.asp " por un URL ó el nombre del documento y su extensión, asi: "documento.html ".


Porfavor ayudenme, gracias de ante-mano.

[caricatos]

Hola energy182:

Trataré de explicarte...

A primera vista hay un pequeño problema de coherencia...
Fíjate que la función tiene unparámetro que no se usa. Aunque no debería influír, deberías evitar ese tipo de incoherencias.

Para ese tipo de función puedes poner como parámetro el "value", y se te simplificarían las cosas...

<SELECT id=select1 onChange="formHandler(this.value)"...>
(El resto del select no debería cambiarse.

Luego la función sería mucho más sencilla...

function formHandler(sitio){
//var valor= document.form.site.value
if (sitio == "Seleccione uno...") {
alert("Atención. El valor introducido no es correcto");
return (false);
}
else{
window.location.href = sitio;
return (true);
}
}

No sé si los return false / true son útiles, pero me parecen innecesarios...

Si necesitas una mejor explicación, no dudes en comentarlo.

Saludos

[energy182]

oye, muchas gracias, pero me podrias explicar mas acerca de esto, es que la verdad no se mucho y no entendi mucho, porfavor.

[caricatos]

Hola otra vez:

Trataré de explicarte mejor.
En tu ejemplo usas el método onchange del select, y significa que haga lo que quieras (lo que se pone detrás del onchange), cuando se produce un cambio... (cambio en la selección).
Así, si despliegas el select, pero no varías el elemento seleccionado, el evento no se activa.

A la función que activas, le puedes pasar todos los parámetros que quieras, y en este caso, lo que te interesa es el parámetro value.

El atributo value del select es el mismo que el value de la opción activa, entonces no tienes más que poner en cada entrada option, el value correspondiente a la página destino.

Como el value del primer elemento no es ninguna página en la función que usas, tienes que evitar hacer el salto (location.href)...
En el resto de los casos, tan solo tienes que asignar la dirección del value que has seleccionado, al atributo href del objeto location.

Resumiendo:

A la función que quieras activar con el evento onchange del select, tienes que pasarle un parámetro, y si ese parámetro es una dirección, tan solo tendrías que realizar el salto.

Bueno, si sigues teniendo dudas, te trataré de explicar mejor... aunque sería mejor que detallaras qué cosa no entiendes.

Saludos