Codigo solo anda en iexplorer

elunicotomas · #1 (**permalink**) 15/11/2011, 07:16

Buenas! No se porque el siguiente codigo solo anda en iexplorer, no en chrome , no en firefox.

SI alguien me puede ayudar buenisimo!

Gracias

HTML

Código PHP:

  <!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>Azist eCards Service</title>

 
<link href="styles.css" rel="stylesheet" type="text/css" id="estilo" />

 
<script language="javascript" type="text/javascript" src="funciones.js"></script>

 
</head>

 
<body>

<div id="contenedor_form">

 
<form action="" method="post" name="inicio">

 
<h1>eCard template </h1> <br /> 

Please choose if you want one of the pre-designed eCards or a personalized one <br /><br />

<input name="option" type="radio" value="0" /> Pre-designed<br />

<input name="option" type="radio" value="1" /> Personalized<br />

<hr/>

 
<p class="centrar_boton"><input name="submit" type="button" value="Click to continue" onclick="validar(this.document.inicio)" /></p>

 
</form>

 
</div>

</body>

</html>

JS

Código PHP:

  <!--Para Validar la pagina form.html-->

 
function validar(yo){

    

    var sel=false;

    for(var i=0;i<2;i++){

    if (inicio.option[i].checked){

        sel=true;

        break;

        }

    }

    if(sel==false){

        alert("You must choose an option!");

        return false

        }

    

    if (yo.option[0].checked) {

        location.href = "predesigned.html";

}

    if (yo.option[1].checked) {

        location.href = "personalized.html";

}

}

maycolalvarez · #2 (**permalink**) 15/11/2011, 07:38

ajá, ¿y de dónde obtienes la variable/objeto inicio?, la forma correcta de obtenerlo es:

document.forms['inicio']

y el objeto option:

document.forms['inicio'].elements['option']

en cambio, si usas el atributo ID puedes usar la función: document.getElementById('id_element')

PD: recomiendo cambiar el nombre de option por otro como myoption

elunicotomas · #3 (**permalink**) 15/11/2011, 07:45

Cita:

Iniciado por maycolalvarez

ajá, ¿y de dónde obtienes la variable/objeto inicio?, la forma correcta de obtenerlo es:

document.forms['inicio']

y el objeto option:

document.forms['inicio'].elements['option']

en cambio, si usas el atributo ID puedes usar la función: document.getElementById('id_element')

PD: recomiendo cambiar el nombre de option por otro como myoption

a ver... o sea que quede asi:

Código PHP:

  <head>

 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

 
<title>Azist eCards Service</title>

 
<link href="styles.css" rel="stylesheet" type="text/css" id="estilo" />

 
<script language="javascript" type="text/javascript" src="funciones.js"></script>

 
</head>

 
<body>

<div id="contenedor_form">

 
<form action="" method="post" name="inicio">

 
<h1>eCard template </h1> <br /> 

Please choose if you want one of the pre-designed eCards or a personalized one <br /><br />

<input name="myoption" type="radio" value="0" /> Pre-designed<br />

<input name="myoption" type="radio" value="1" /> Personalized<br />

<hr/>

 
<p class="centrar_boton"><input name="submit" type="button" value="Click to continue" onclick="validar(this.document.inicio)" /></p>

 
</form>

 
</div>

</body>

</html>

y en el JS no entiendo como quedaria.

asi?

Código PHP:

  document.forms['inicio'].elements['myoption'].checked

donde pongo el [i] ???

no entiendo

elunicotomas · #4 (**permalink**) 15/11/2011, 07:54

ok lo deje asi y anda perfecto, pero solo en iexplorer!

HTML

Código PHP:

  <form action="" method="post" name="inicio">

 
<h1>eCard template </h1> <br /> 

Please choose if you want one of the pre-designed eCards or a personalized one <br /><br />

<input name="myoption" type="radio" value="0" /> Pre-designed<br />

<input name="myoption" type="radio" value="1" /> Personalized<br />

<hr/>

 
<p class="centrar_boton"><input name="submit" type="button" value="Click to continue" onclick="validar(this.document.inicio)" /></p>

 
</form>

JS

Código PHP:

  function validar(yo){

 
    var sel=false;

    for(var i=0;i<2;i++){

    if (document.forms['inicio'].elements['myoption'][i].checked){

        sel=true;

        break;

        }

    }

    if(sel==false){

        alert("You must choose an option!");

        return false

        }

    

    if (document.forms['inicio'].elements['myoption'][0].checked) {

        location.href = "predesigned.html";

}

    if (document.forms['inicio'].elements['myoption'][1].checked) {

        location.href = "personalized.html";

}

}

maycolalvarez · #5 (**permalink**) 15/11/2011, 07:58

document.forms['inicio'].elements['myoption'][i].checked

aunque como pasas el form como argumento, la función quedaría:

Código Javascript:

Ver originalfunction validar(yo){    
    var sel=false;
    for(var i=0;i<2;i++){
    if (yo.elements['myoption'][i].checked){
        sel=true;
        break;
    }
    }
    if(sel==false){
        alert("You must choose an option!");
        return false
    }
 
    if (yo.elements['myoption'][0].checked) {
        location.href = "predesigned.html";
    }
    if (yo.elements['myoption'][1].checked) {
        location.href = "personalized.html";
    }
}

y en el onclick del input: onclick="validar(document.forms['inicio']);"

elunicotomas · #6 (**permalink**) 15/11/2011, 08:15

FUNCIONAAA!!

Gracias!