Redirigir con checkbox

jgonzalez29 · #1 (**permalink**) 29/12/2011, 04:47

Hola a todos,

El caso es que quiero crear un formulario con un checkbox.
Si este esta selecionado al pulsar el button me llevará a una URL
Si no esta seleccionado a otra.

En mi codigo, cuando el checkbox esta seleccionado te reenvia a google.
Cuando no a facebook.

Sin embargo cuando esta seleccionado me envia a : checkbox.html?iagree=on&validation=send
Y cuando no: checkbox.html?validation=send

Aquí está el código que he utilizado:

<html>
<head>
<script type="text/javascript">

function AuthorizeValidation(myform) {

if(myform.iagree.checked == true) {Response.Redirect("http://www.google.com")}

if(myform.iagree.checked == false) {location="http://www.facebook.com"}

}

</script>

</head>
<body>
<form action="" methed="post" name="myform">

<p><input type="checkbox" name="iagree"/> Click to go to google</p>

<p><input type="submit" name="validation" onClick="AuthorizeValidation(this.form)" value="send"/></p>
</body>
</form>
</html>

Gracias por su ayuda y un saludo muy grande

caricatos · #2 (**permalink**) 29/12/2011, 09:05

Hola:

En mi opinión, sería mejor un rediccionamiento con ealgún lenguaje del servidor, pero sea como sea, es mejor programar el evento submit... y cancelarlo si redireccionas con Ajax.

Saludos

jgonzalez29 · #3 (**permalink**) 29/12/2011, 09:24

No entiendo a que te refieres! podrias detallarmelo un poco mas?? soy novato en esto!!

Muchas gracias

caricatos · #4 (**permalink**) 29/12/2011, 09:39

Hola:

Un ejemplo de redirección con php...

El form, con action="ir.php"

Y el código php:

<?php
$ir = (isset($_POST["iagree"])) ? "http://www.google.com":"http://www.facebook.com";
header("Location: $ir");
?>

Y con javascript:

<form action="ir.php" onsubmit="return ir(this)" ...>
...

function ir(f) {
url = (f.iagree.checked) ? "http://www.google.com": "http://www.facebook.com";
location.href = url;
return false;
}

Saludos

jgonzalez29 · #5 (**permalink**) 29/12/2011, 10:13

Hola de nuevo,

En primer lugar gracias por tu ayuda.
He intentado adaptar tu codigo al tuyo pero me ocurre exactamente lo mismo que en mi codigo, me reenvia a las mismas paginas.

Cual puede ser el error?

Gracias y un saludo

caricatos · #6 (**permalink**) 29/12/2011, 12:17

Hola:

No entiendo... yo puse las páginas que has definido tú en tu mensaje... irá a las páginas que definas.

Saludos

jgonzalez29 · #7 (**permalink**) 29/12/2011, 13:04

Me he expresado mal lo siento... el caso es que de la forma que me lo has planteado (tanto js como en php) me continua pasando los mismo. Me reenvias a las URL's que te comentaba en el primer mensaje.

Gracias por su ayuda

caricatos · #8 (**permalink**) 29/12/2011, 13:20

Hola:

Con el action que tienes, enlaza a la misma página que hace submit (checkbox.html), y los checkboxes se envían así... si están chequeados se envía la variable y si no está chequeado la variable no se envía... para que no se envía se poner return false en el evento (onsubmit="return false"), pero si hay error el envío se hace sí o sí, con los valores que te comenté antes.

Saludos

jgonzalez29 · #9 (**permalink**) 30/12/2011, 15:04

Hola de nuevo,

Mira finalmente he modificado el codigo y consigo redireccionar como queria.
El caso es que solo me funcion si abro una nueva ventana, es decir:

Con window.open(url); funciona OK.
Con window.location (url); No funciona.

Como ya no sabia que probar, he hecho que la funcion js devuelva el valor var.
Entonces al crear el form llamo a la funcion en action:

<form method="post" name="myform" action="return ir(myform);">

Pero no interpreta el valor simplemente me renvia a ..../return ir(myform);

Aquí le dejo el código:

<html>
<head>

<script type="text/javascript">

function ir(f) {
var url = (f.iagree.checked) ? "http://www.google.com": "http://www.facebook.com";
//alert("Hello! I am an alert box!!");
//document.write(url);
//window.location (url);
//window.open(url);

//location.replace(url);

return url;
}

</script>
</head>


<body>
<form method="post" name="myform" action="return ir(myform);">

<p><input type="checkbox" name="iagree"/> Click to go to google</p>

<p>ir(myform);</p>
<p><input type="submit" name="validation" value="send"/></p>
</body>
</form>
</html>

Muchas gracias por su ayuda

caricatos · #10 (**permalink**) 30/12/2011, 16:32

Hola:

Estoy comprobando que no haces bien lo que te he explicado... en un action solo debería haber una url... y si quisieses poner un script debería anteponer el protocolo javascript:; así que es eso lo que hace...

Saludos

jgonzalez29 · #11 (**permalink**) 30/12/2011, 16:45

Entonces que debo cambiar exactamente del codigo? esque estoy algo confuso. slaudos y gracias de verdad.

caricatos · #12 (**permalink**) 30/12/2011, 16:53

Hola:

Cita:

Iniciado por caricatos

Y con javascript:

<form action="ir.php" onsubmit="return ir(this)" ...>
...

function ir(f) {
url = (f.iagree.checked) ? "http://www.google.com": "http://www.facebook.com";
location.href = url;
return false;
}

Como siempre recomiendo, no está bien depender de javascript porque se puede desactivar.

Saludos