problemas con IE8 y Chrome

julios_11 · #1 (**permalink**) 16/03/2011, 00:56

Hola, soy nuevo en el foro, y quisiera ver si me pueden ayudar!
En si es un codigo muy sencillo en el cual se oculta y se crea un campo de texto segun la validacion, me funciona muy bien con firefox pero para IE8 o Chrome no lo jala y no entiendo por que :(
me pueden ayudar??? Gracias

Código HTML:

<html><head>
<script>

function mostrarReferencia(){
if (document.fcontacto.Conocido.value != 'mexico') {
//muestra el campo oculto
document.getElementById('desdeotro').style.display='block';
} else {
//no oculta nada
document.getElementById('desdeotro').style.display='none';

}
} 

function habilita(){ 
if (document.fcontacto.Conocido.value != 'mexico'){
   	document.fcontacto.estado.disabled = true; 
   } else{
   document.fcontacto.estado.disabled = false; 
   }
}

function ocultar(){
	mostrarReferencia();
	habilita();
}

</script></head>
<body>
<form action="<?=$_SERVER['PHP_SELF']?>" method="post" name="fcontacto">
pais:
<SELECT NAME="Conocido">
   <OPTION   VALUE="mexico"  onClick="ocultar();">mexico</OPTION>
   <OPTION   VALUE="brazil"  onClick="ocultar();">brazil</OPTION>
   <OPTION   VALUE="usa"  onClick="ocultar();">usa</OPTION>
</SELECT> 
<br>
Estado
<SELECT NAME="estado" >
   <OPTION   VALUE="veracruz"  onClick="ocultar();">veracruz</OPTION>
   <OPTION   VALUE="puebla" onClick="ocultar();">puebla</OPTION>
   <OPTION   VALUE="df" onClick="ocultar();">DF</OPTION>
</SELECT> 
<br>
<div id="desdeotro" style="display:none;">
<p>Estado:</p>
<p><input type="text" name="otro" class="input" /></p>
</div>
</body></html>

Naahuel · #2 (**permalink**) 16/03/2011, 07:28

Pues es raro que se use "onclick" para los <select>. Debes usar "onchange". Esto me funciona en todos los navegadores:

Código HTML:

Ver original<SELECT NAME="Conocido" onchange="ocultar();">
   <OPTION   VALUE="mexico"  >mexico</OPTION>
   <OPTION   VALUE="brazil"  >brazil</OPTION>
   <OPTION   VALUE="usa"  >usa</OPTION>
</SELECT> 
 
<SELECT NAME="estado" onchange="ocultar();" >
   <OPTION   VALUE="veracruz"  >veracruz</OPTION>
   <OPTION   VALUE="puebla" >puebla</OPTION>
   <OPTION   VALUE="df" >DF</OPTION>
</SELECT>

miktrv · #3 (**permalink**) 16/03/2011, 07:34

Una duda, que no tiene nada que ver, porque usas action="<?=$_SERVER['PHP_SELF']?>" en tu form?

Un saludo!

julios_11 · #4 (**permalink**) 16/03/2011, 15:04

Hey qye tal!

Naahuel pues Gracias , pero el problema sigue no ejecuta el javascript, y ahora en ningun explorador :/ no se a que se deba :(

y miktrv , lo -- action="<?=$_SERVER['PHP_SELF']?>" --
en si aun en nada, en si eso de ahi venia de un form que copie en linea :)

gracias!!

julios_11 · #5 (**permalink**) 16/03/2011, 15:06

oye cierto!! si funciona!!, me habia equivocado en la colocacion del onChange!!

Cita:

Iniciado por Naahuel

Pues es raro que se use "onclick" para los <select>. Debes usar "onchange". Esto me funciona en todos los navegadores:

Código HTML:

Ver original<SELECT NAME="Conocido" onchange="ocultar();">
   <OPTION   VALUE="mexico"  >mexico</OPTION>
   <OPTION   VALUE="brazil"  >brazil</OPTION>
   <OPTION   VALUE="usa"  >usa</OPTION>
</SELECT> 
 
<SELECT NAME="estado" onchange="ocultar();" >
   <OPTION   VALUE="veracruz"  >veracruz</OPTION>
   <OPTION   VALUE="puebla" >puebla</OPTION>
   <OPTION   VALUE="df" >DF</OPTION>
</SELECT>

Gracias =D