Comunidad de diseño web y desarrollo en internet online

fadeIn no muestra las cosas

Citar            
MensajeEscrito el 26 Jun 2013 06:35 pm
Hola qué tal,

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&uacute;mero</div><br>
            <input type="text" placeholder="Calle y N&uacute;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

Por holler

65 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 28 Jun 2013 01:33 am
Aquí tengo un video donde se ve como funciona en IE, FF y no en Chrome...

http://soydavidsuarez.com/temporal/video/

Por holler

65 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.