Redirigir a disitntas webs dependiendo del radiobutton que eligas

dpbataller · #1 (**permalink**) 24/12/2009, 05:28

Hola! tengo que realizar un ejercicio el cual consta del siguiente enunciado:

Crear un formulario con tres radiobuttons que permitan seleccionar entre Google, Yahoo
y Altavista. El formulario dispondra de un botón etiquetado como "abrir", cuyo efecto
será cargar la página seleccionada.

Yo he consuegido hacerlo pero no con un boton , si no con el evento onchange().Este es mi código:

Código Javascript:

Ver original<script>
        function entrar_buscador(pagina){
            location.href=pagina;
                    
        }
        
</script>

Código HTML:

Ver original<form name="formu">
                <input type="radio" name="buscador" value="google"    onchange="entrar_buscador('http://www.google.es')"> Google
                <input type="radio" name="buscador" value="Yahoo"  onchange="entrar_buscador('http://www.yahoo.es')">  Yahoo 
                <input type="radio" name="buscador" value="Altavista" onchange="entrar_buscador('http://www.altavista.com')"> Altavista  
                
</form>

El problema es que el ejercicio debe estar con un botón que al clickar en él, te lleve a la web que corresponde con el radiobutton seleccionado.
Alguién me puede hechar un cable?

JavierB · #2 (**permalink**) 24/12/2009, 06:09

Hola dpbataller

En la función que llames con el botón, pon este código:

Código javascript:

Ver originalrad=document.formu.buscador;

Con eso tienes un array con todos los botones de radio, recorrelo y según el que esté checked rediriges a la página que corresponda.

Saludos,

dpbataller · #3 (**permalink**) 24/12/2009, 07:39

Bueno, esto es lo que estoy haciendo, no me funciona y sé que es por algo que no es correcto, pero no logro comprender el por qué:

Código Javascript:

Ver originalfunction entrar_buscador(){
                    var i;
                    var google = "http://www.google.es"
                    var yahoo = "http://www.yahoo.es"
                    var altavista = "http://www.altavista.es"
                    
                    for (i=0;i<document.formu.buscador.length;i++){
                            
                         
                         
                                if(document.formu.buscador[i].value.checked == google  ){
                                    document.location.href=google;
                                }
                                
                                if(document.formu.buscador[i].value.checked == yahoo  ){
                                    document.location.href=google;
                                }
                                
                                if(document.formu.buscador[i].value.checked == altavista  ){
                                    document.location.href=google;
                                }
                                
                    }
                    
                }
        
        </script>

Código HTML:

Ver original<body>
            <form name="formu">
                <input type="radio" name="buscador" value="google" > Google
                <input type="radio" name="buscador" value="yahoo"   >  Yahoo 
                <input type="radio" name="buscador" value="altavista"  > Altavista  
                <input type="button" value="Ir a..." onclick="entrar_buscador()">
                
            </form>
                
    </body>

jackson666 · #4 (**permalink**) 24/12/2009, 07:44

Código Javascript:

Ver originalfunction entrar_buscador(){
                    var i;
                    // te faltan todos los ';' de cierre
                    var google = "http://www.google.es"
                    var yahoo = "http://www.yahoo.es"
                    var altavista = "http://www.altavista.es"
                    
                    for (i=0;i<document.formu.buscador.length;i++){
                            
                         // te falta un break; despues de cada condicion
 
 
                                        /** Deberias comparar con un string, o sea, entre ""      
                                          * Aca estas preguntando si el value del radio es igual a 
                                          * http://www.google.es, entendes?? */
                   
                                if(document.formu.buscador[i].value.checked == google  ){
                                    document.location.href=google;
                                }
                                
                                if(document.formu.buscador[i].value.checked == yahoo  ){
                                    document.location.href=google;
                                }
                                
                                if(document.formu.buscador[i].value.checked == altavista  ){
                                    document.location.href=google;
                                }
                                
                    }
                    
                }
        
        </script>

dpbataller · #5 (**permalink**) 24/12/2009, 08:01

Te refieres a ésto?sigue sin funcionar...

Código Javascript:

Ver originalfunction entrar_buscador(){
                    var i;
                    var google = "http://www.google.es";
                    var yahoo = "http://www.yahoo.es";
                    var altavista = "http://www.altavista.es";
                    
                    for (i=0;i<document.formu.buscador.length;i++){
                   
                                if(document.formu.buscador[i].value.checked == "http://www.google.es"  ){
                                    document.location.href=google;
                                    break;
                                }
                                
                                if(document.formu.buscador[i].value.checked == "http://www.yahoo.es"  ){
                                    document.location.href=yahoo;
                                    break;
                                }
                                
                                if(document.formu.buscador[i].value.checked == "http://www.altavista.es"  ){
                                    document.location.href=altavista;
                                    break;
                                }
                                
                    }
                    
                }

Código HTML:

Ver original<form name="formu">
                <input type="radio" name="buscador" value="google" > Google
                <input type="radio" name="buscador" value="yahoo"   >  Yahoo 
                <input type="radio" name="buscador" value="altavista"  > Altavista  
                <input type="button" value="Ir a..." onclick="entrar_buscador()">
                
            </form>

jackson666 · #6 (**permalink**) 24/12/2009, 08:04

Jajajaj, no me entendiste....

Que tenes en el value del radio????

Código Javascript:

Ver originalfunction entrar_buscador(){
                    var i;
                    var google = "http://www.google.es";
                    var yahoo = "http://www.yahoo.es";
                    var altavista = "http://www.altavista.es";
                    
                    for (i=0;i<document.formu.buscador.length;i++){
                   
                                if(document.formu.buscador[i].value.checked == "google"  ){
                                    document.location.href=google;
                                    break;
                                }
                                
                                if(document.formu.buscador[i].value.checked == "yahoo"  ){
                                    document.location.href=yahoo;
                                    break;
                                }
                                
                                if(document.formu.buscador[i].value.checked == "altavista"  ){
                                    document.location.href=altavista;
                                    break;
                                }
                                
                    }
                    
                }

dpbataller · #7 (**permalink**) 24/12/2009, 08:11

Ok!! lo ya lo entiendo, querias que comparara el valor del radio con el de la sentencia If, tratarlo como strings... perdona!!

Pero lamento decirte que así tampoco funciona, quizás habrá algún otro fallo que no conseguimos ver?

jackson666 · #8 (**permalink**) 24/12/2009, 08:16

Perdon, me confundi =)

Código Javascript:

Ver original<script type="text/javascript">
function entrar_buscador(){
                    
    for (var i=0;i<document.formu.buscador.length;i++){
        
        if(document.formu.buscador[i].checked == true){
            location.href='http://www.'+document.formu.buscador[i].value+'.es/';       
                break;
        }
    }
}
</script>

dpbataller · #9 (**permalink**) 24/12/2009, 08:21

NO funciona... perdona, pero no sé si hago algo mal ... es así como debe quedar el código?
Lo podrias probar tú haber si funciona?

Por cierto, mil gracias por toda la ayudaaaaaa!!!!

Código Javascript:

Ver originalfunction entrar_buscador(){
                    var i;
                    var google = "http://www.google.es";
                    var yahoo = "http://www.yahoo.es";
                    var altavista = "http://www.altavista.es";
                    
                    for (i=0;i<document.formu.buscador.length;i++){
                   
                                if(document.formu.buscador[i].value == "google"  ){
                                    document.location.href=google;
                                    break;
                                }
                                
                                if(document.formu.buscador[i].value == "yahoo"  ){
                                    document.location.href=yahoo;
                                    break;
                                }
                                
                                if(document.formu.buscador[i].value == "altavista"  ){
                                    document.location.href=altavista;
                                    break;
                                }
                                
                    }

Código HTML:

Ver original<form name="formu">
                <input type="radio" name="buscador" value="google" > Google
                <input type="radio" name="buscador" value="yahoo"   >  Yahoo 
                <input type="radio" name="buscador" value="altavista"  > Altavista  
                <input type="button" value="Ir a..." onclick="entrar_buscador()">
                
            </form>

jackson666 · #10 (**permalink**) 24/12/2009, 08:23

Jajajaj no te pongas mal!! Ya esta, ahi anda, em habia equivocado con lo que puse antes =)

dpbataller · #11 (**permalink**) 24/12/2009, 08:33

Funcionaaaaa!!!! jajajaj
Gracias jackson! maravillosa ayuda!!!

Felices Fiestas!!!