radio button - ir a una u otra pagina segun opcion elegida ?

gabitotorrez · #1 (**permalink**) 15/09/2006, 18:21

Hola Amigos, como hago para ir a una u otra pagina, segun la opcion elegida en un radio button ?...
por ejemplo

<input name="pagina1" type="radio" value="0" checked> Pagina1 </td>
<input name="pagina2" type="radio" value="1"> Pagina2 </td>

si selecciono Pagina1, que vaya a pagina1.html
si selecciono Pagina2 que vaya a pagina2.html

espero puedan ayudarme, muchas gracias.

tunait · #2 (**permalink**) 15/09/2006, 21:04

Qué tal, gabitotorrez,

Eso se hace con javascript, traslado tu pregunta a ese foro

movido desde (x)html

saludos

FNX_NET · #3 (**permalink**) 15/09/2006, 22:41

aunque me costo sorry por lo tarde xD
pero aca hay algo que creo que tu querias si no es diga nomas xD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<script language="javascript" type="text/javascript">

function verificar(lolo)
{
for (var i=0;i<document.form1.radiobutton.length;i++)
{
if (document.form1.radiobutton[i].checked)
{

var msn = document.form1.radiobutton[i].value ;
document.location="http://www."+msn;
break;
}
}

}
</script>

<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input name="radiobutton" type="radio" value="google.com" checked="checked"/>
google</label>
<p>
<label>
<input name="radiobutton" type="radio" value="msn.com" />
msn</label>
</p>

<input type="Button" name="" value="Cambia Color" onclick="verificar()">
</form>
</body>
</html>

gabitotorrez · #4 (**permalink**) 16/09/2006, 08:24

hola fnx, gracias por el aporte, .. , si funciona,.... pero ademas suponia (erronea suposicion) que una vez que pase a la siguiente pagina, esta me pasaria con todos los parametros, pero veo que no es asi ..., como hago para pasar ademas todos los parametros. Porque en el form donde elijo Pagina1 o Pagina2 , tengo ademas otras datos, Nombre, direccion, fecha, ..etc.. , y quisiera pasar todos esos parametros a la siguiente pagina dependiendo de mi eleccion.
Gracias

caricatos · #5 (**permalink**) 16/09/2006, 09:10

Hola:

Ejemplo:

<form action="prueba.html" method="get" >
<input type="text" name="dato" value="a" />
<input type="radio" name="r" checked onclick="this.form.action = 'prueba.ktml'" />
<input type="radio" name="r" onclick="this.form.action = 'prueba2.ktml'" />
<input type="submit" />
</form>

Saludos

FNX_NET · #6 (**permalink**) 16/09/2006, 09:22

Cita:

Iniciado por caricatos

Hola:

Ejemplo:

<form action="prueba.html" method="get" >
<input type="text" name="dato" value="a" />
<input type="radio" name="r" checked onclick="this.form.action = 'prueba.ktml'" />
<input type="radio" name="r" onclick="this.form.action = 'prueba2.ktml'" />
<input type="submit" />
</form>

Saludos

lo probe y no envia el textfield xD

FNX_NET · #7 (**permalink**) 16/09/2006, 09:39

haber como diria aca esa es haria de otra costal o como en chile esta en fiestas patrias esa es chicha de otra fonda xD.

bueno para trabajar con paso de parametros tiene que trabajar con algun servidor web. me explico jscripts trabaja del lado del cliente, osea el evalua si le falta algun parametro o que accion debe realizar en algun determinado evento, jscripts trabaja junto a explorador web con que trabajes, a esto se le llama trabajar por el lado del cliente.

pero tambien se trabaja `por el lado del servidor, existen varios leguajes como jsp, asp, php ,ect, ellos son los que interactuan con las base de datos y las que contienen realemte las paginas y las crean de forma dinamica

por ellos existe un metodo de traspado de variables como el get o el post.

aca hay un ejemplo de aquello

http://www.webestilo.com/php/php09b.phtml

aca te va otro ejemplo po si yo no entendi bien xD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<script language="javascript" type="text/javascript">

function verificar(lolo)
{
for (var i=0;i<document.form1.radiobutton.length;i++)
{
if (document.form1.radiobutton[i].checked)
{

var msn = document.form1.radiobutton[i].value ;
document.location="http://www."+msn+"text="+document.form1.textfield.value;
break;
}
}

}
</script>

<body>
<form id="form1" name="form1" method="get" >
<label>
<input name="radiobutton" type="radio" value="google.com/" checked="checked"/>
google</label>
<p>
<label>
<input name="radiobutton" type="radio" value="msn.com/" />
msn</label>
</p>
<p>
<input type="text" name="textfield" value="aaaa" />
</p>
<input type="Button" name="" value="Cambia Color" onclick="verificar()">
</form>
</body>
</html>

caricatos · #8 (**permalink**) 16/09/2006, 10:46

Cita:

Iniciado por FNX_NET

lo probe y no envia el textfield xD

Pues yo lo probé y sí que lo envía... ¿Sábes cuando se envían los datos...?

No hace falta ningún servidor, tan solo hay qye fijarse en la url (siempre que se use el método get)...

Con esta página:

Código:

<html>
<body >
<form action="prueba.html" method="get" >
<input type="text" name="dato" value="a" />
<input type="radio" name="r" checked onclick="this.form.action = 'prueba.html'" />
<input type="radio" name="r" onclick="this.form.action = 'prueba2.html'" />
<input type="submit" />
</form>
</body>
</html>

Al pulsar en el botón submit (el que se debe usar para enviar formularios, y no un botón del tipo button y enviar con un script) fíjate la url de la página destino (en ocasiones no es necesario que exista) y verás algo así:
[protocolo][ruta de la página].prueba[2].html?dato=a&r=on

r=on es un dato superfluo que no debería procesarse... pero si se omite la variable no se alternan los radios... podría usarse el evento submit para dejar esa variable disabled: onsubmit="r.disabled = 'disabled'"

Saludos