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!