Boton que selecciona item de menu desplegable

nixdorf · #1 (**permalink**) 07/01/2009, 04:14

Pues eso, si alguien sabe, que suerte tiene, como hacer que al pulsar un botón se abra otra página con un ítem seleccionado de un menú desplegable.

O en su defecto también valdría un botón que abra una página e inserte un texto en un campo de texto.

Gracias,

mariano_donati · #2 (**permalink**) 07/01/2009, 04:43

La única forma que se me ocurre de hacer lo segundo que mencionas es enviando a través de la url el texto que querés insertar. Lo haría de esta forma:

Abrir una pagina, pasando como parametro el texto

Código javascript:

Ver originalfunction abrir_url()
{
window.open('pagina_2.php?valor=mitexto');
}

Insertar el texto en el textbox

Código javascript:

Ver originalfunction escribe_texto()
{
// location.search nos devuelve la cadena que le sigue al '?' en la url ('?' incluído)
var valor = location.search.substring(1).split('=')[1];
document.forms.miform.mitextbox.value = valor;
}

Saludos.

nixdorf · #3 (**permalink**) 07/01/2009, 05:17

Gracias Mariano, perdona mi torpeza, el código lo inserto en el head o se lo aplico al botón??

mariano_donati · #4 (**permalink**) 07/01/2009, 08:49

Ambas funciones deben ir encerradas por las etiquetas script.
La primer función va en la pagina donde tenés el botón. En el evento onclick del botón tenes que llamarla.
La segunda función va en la página donde querés mostrar el texto, y la función debería ser llamada cuando se carga la misma, es decir, agrega en el evento onload de la etiqueta body la llamada a esta función.

nixdorf · #5 (**permalink**) 07/01/2009, 09:38

Fantástico!! Esto ya empieza a funcionar, y para completarlo, ¿cómo puedo hacer para que el texto que envía, en lugar de ser fijo, sea la id del botón? Adjunto el código de la primera página hecho hasta ahora:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin título</title>
<script language="JavaScript" type="text/JavaScript">
function abrir_url()
{
window.open('Untitled-2.htm?valor=objeto1','_self');
}
</script>
</head>
<body>
<input name="Submit" type="submit" onClick="abrir_url()" value="Enviar" id="objeto1">
<input name="Submit" type="submit" onClick="abrir_url()" value="Enviar" id="objeto2">
</body>

nixdorf · #6 (**permalink**) 08/01/2009, 03:05

Lo he estado probando y no consigo que envíe la id del botón en lugar de un texto fijo, alguna idea?

nixdorf · #7 (**permalink**) 08/01/2009, 03:47

AL fin si!!! Bueno, toqueteando un buen rato al final lo conseguí, lo cuelgo aquí por si a alguien le puede ayudar algún dia.
En lugar de enviar la id del botón, finalmente eliminé el javascript de la cabecera y lo puse directamente en el onclick de cada botón cambiando el texto del valor=, en lugar de cambiar la id del boton.

Página 1:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin título</title>
</head>
<body>
Objeto1 <input type="submit" onClick="window.open('Untitled-2.htm?valor=objeto1','_self');" value="Realizar pedido">
<br>
Objeto2 <input type="submit" onClick="window.open('Untitled-2.htm?valor=objeto2','_self');" value="Realizar pedido">
</body>
</html>

Página 2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin título</title>
<script language="JavaScript" type="text/JavaScript">
function escribe_texto()
{
var valor = location.search.substring(1).split('=')[1];
document.forms.miform.mitextbox.value = valor;
}
</script>
</head>
<body onload="escribe_texto()">
<form name="miform" method="post" action="">
<select name="mitextbox" id="mitextbox">
<option selected>prueba</option>
<option>objeto1</option>
<option>objeto2</option>
</select>
</form>
</body>
</html>

mariano_donati · #8 (**permalink**) 08/01/2009, 17:50

Modificá tu función para que quede de esta forma:

Código javascript:

Ver originalfunction abrir_url()
{
window.open('Untitled-2.htm?valor='+this.id,'_self');
}

Cuando ejecutas una función en respuesta a un evento que originó algún elemento, la palabra reservada this hace referencia al elemento en cuestión. En este caso, el botón donde se hizo click.
Saludos.