Pasar variables a otra pagina con botón

rugaib123 · #1 (**permalink**) 15/12/2011, 15:35

Hola.
Tengo este código que funciona bién para pasar las variables a otra página, pero hay que clicar sobre "pulse aquí".
¿ Hay alguna manera de hacerlo más elegante desde un botón tipo:
<FORM name="form1">
<INPUT name='boton1' type='button' value="Pulse aquí">
</FORM>?
Gracias.

Este es el código:

<html>
<head>
</head>
<body>
<script>
var a=3;
var b="Hola, que tal";
function pasarVariables(pagina, nombres) {
pagina +="?";
nomVec = nombres.split(",");
for (i=0; i<nomVec.length; i++)
pagina += nomVec[i] + "=" + escape(eval(nomVec[i]))+"&";
pagina = pagina.substring(0,pagina.length-1);
location.href=pagina;
}
</script>
<a href="javascript:pasarVariables('destino.html', 'a,b')">Pulse
aquí</a>
</body>
</html>

caricatos · #2 (**permalink**) 15/12/2011, 16:18

Hola:

Pues los formularios son para pasar datos y/o ficheros (según los casos)... como lo tienes simulas un formulario con el método get... el destino se pone en el action del formulario y las variables son los controles (inputs/selects)... si solo quieres mostrar el botón, los controles pueden ser del tipo hidden.

Saludos

rugaib123 · #3 (**permalink**) 15/12/2011, 16:39

Hola, caricatos.
¿Me lo podrías detallar un poco más?
Gracias

caricatos · #4 (**permalink**) 15/12/2011, 17:03

Hola:

Lectura recomendada: El abc de los formularios... y ahora, resumiendo, con este form:

<form action="página.html" method="get" >
<input type="hidden" name="var" value="hola" />
<button type="submit" >enviar</button>
<form>

... pulsando sobre el botón "enviar", se crea esta url "pagina.html?var=hola" y se enlaza a ella. Lo mismo que si tuvieses este enlace: <a href="pagina.html?var=hola">enviar</a>...

Saludos