Mi trauma, tengo el siguiente codigo:
Código Javascript :
//Ocultar DIV-LABELS con PH_<<nombre>> $(window).load(function() { $('div[name^="PH_"]').hide(); }); //FadeIn/Out DIV-LABELS function mostrarLabel(ids,valor){ if (valor.length == 0){ $(ids).fadeOut(200); if (ids == "#PH_cp"){ $("#PH_cdedo").fadeOut(200); $("#PH_colonia").fadeOut(200); } return false; } else if (valor.length == 1){ $(ids).fadeIn(400); if (ids == "#PH_cp"){ $("#PH_cdedo").fadeIn(400); $("#PH_colonia").fadeIn(400); } return false; } }
Código HTML :
<div id="nombres_contenedor_02" name="nombres_contenedor_01"> <div id="PH_cp" name="PH_cp">C.P.</div><br> <input type="number" placeholder="C.P." name="cp" autocomplete="off" id="cp" size="5" maxlength="5" onKeyUp="mostrarLabel('#PH_cp',this.value),cargarNombres(this.value)" > </div> <div id="nombres_contenedor" name="nombres_contenedor"> <div id="PH_callenumero" name="PH_callenumero">Calle y Número</div><br> <input type="text" placeholder="Calle y Número" onKeyUp="mostrarLabel('#PH_callenumero',this.value)" name="dircasa" id="direccion" autocomplete="off" > </div> <div id="nombres_contenedor_01" name="nombres_contenedor_01"> <div id="PH_colonia" name="PH_colonia">Colonia</div><br> <select id="lista" name="colonia" ><option>Ingresa un Codigo Postal</option></select> </div> <div id="nombres_contenedor_01" name="nombres_contenedor_01"> <div id="PH_cdedo" name="PH_cdedo">Ciudad, Edo.</div><br> <input list="ciudadesMexico" type="text" placeholder="Ciudad, Edo." onKeyUp="mostrarLabel('#PH_callenumero',this.value)" id="ciudad" name="ciudad" autocomplete="off"> </div>
Eso hace que cuando alguien escriba "algo" en una caja de texto (input) se muestre un DIV o si se borra el contenido de ese input dicho DIV se desvanece. Todo funciona de maravilla en IE +9, y FF, pero no en Chrome, no muestra ni oculta los divs cuando el input donde esta escribiendo manda la variable #PH_cp
Firefox:
Chrome:
Como pueden ver en los inputs de Firefox se muestran los textos correspondientes al campo, pero en la imgen de chrome no se ven...
Yo que pense que tendría problemas con IE, pero jamas en Chrome, ojala alguien me pueda orientar.
Saludos