Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Ocultar div antes de mostrarse una pagina

Estas en el tema de Ocultar div antes de mostrarse una pagina en el foro de Jquery en Foros del Web. Hola que tal bueno tengo una duda que supongo es simple pero agradecería que me dieran luz ya que a lo mejor estoy tratando de ...
  #1 (permalink)  
Antiguo 23/04/2015, 12:10
 
Fecha de Ingreso: junio-2010
Ubicación: Puebla, Pue.
Mensajes: 70
Antigüedad: 9 años, 7 meses
Puntos: 1
Ocultar div antes de mostrarse una pagina

Hola que tal bueno tengo una duda que supongo es simple pero agradecería que me dieran luz ya que a lo mejor estoy tratando de hacer algo que no se puede o tal vez lo estoy haciendo mal.

Tengo mi pagina de login, donde tengo un DIV oculto que mostrara el mensaje de error en caso de que este mal el logueo.

El detalle es que que cuando cargo la pagina por primera vez el div se ve momentaneamente y desaparece (eso cuando etsoy cuando estoy con xampp en mi localhost)

Cuando subo el login a algun host y la conexion es lenta el div se muestra durante mas tiempo (supongo en lo que carga toda la pagina) y desparece.

Agrego mi codigo por si alguien ve algo raro que me pueda orientar:


Código HTML:
Ver original
  1. <?php include('common/headPHP.php') ?>
  2. <!DOCTYPE html>
  3. <html lang="es">
  4.     <?php
  5.        $PageSubtitle = ' | Login';
  6.        include('common/head.php');
  7.    ?>
  8. </head>
  9.     <div class="container">
  10.         <div class="row">
  11.             <div class="col-md-4 col-md-offset-4">
  12.                 <div class="login-panel panel panel-default">
  13.                     <div class="panel-heading">
  14.                         <h3 class="panel-title">Syst</h3>
  15.                     </div>
  16.                     <div class="panel-body">
  17.                         <form role="form" id="form_login">
  18.                             <fieldset>
  19.                                 <div class="form-group">
  20.                                     <input class="form-control" placeholder="User"     name="txt_user" type="text" autofocus value=""  >
  21.                                 </div>
  22.                                 <div class="form-group">
  23.                                     <input class="form-control" placeholder="Password" name="txt_pass" type="password" value="" >
  24.                                 </div>
  25.                                 <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  26.                             </fieldset>
  27.                         </form>
  28.                     </div>                
  29.                 </div>
  30.                 <div class="alert alert-danger" id="div_msg_fail" align="center">
  31.                         <h4>Datos incorrectos</h4>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </div>
  36. </body>
  37. <?php include('common/js.php');?>
  38.         $(document).ready(function(){
  39.            $("#div_msg_fail").hide();                          
  40.         });
  41.        
  42.         $("#form_login").submit(function(){
  43.           $.ajax({    
  44.             url: "php/controllers/ctrl_processLogin.php",
  45.             type: "POST",
  46.             data: $("#form_login").serialize(),
  47.             success: function(data){
  48.               if(data){
  49.                 console.log('DATA=OK');
  50.                 $("#div_msg_fail").hide();
  51.                 $(location).attr('href','home.php');
  52.               }else{
  53.                 $("#div_msg_fail").show();
  54.               }
  55.           }});
  56.           return false;
  57.         });
  58.     </script>
  59. </html>

Como les digo no se si eso de por si es normal y no tiene solucion o hay algo que pueda hacer??? De antemano gracias!!!

Saludos.
  #2 (permalink)  
Antiguo 23/04/2015, 12:34
Avatar de MaNuX0218  
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 5 años, 10 meses
Puntos: 67
Respuesta: Ocultar div antes de mostrarse una pagina

Es mejor ocultarlo directamente con display:none, que en vez de hide() en jquery.

Código HTML:
Ver original
  1. <div class="alert alert-danger" id="div_msg_fail" align="center" style="display:none">
  2.                         <h4>Datos incorrectos</h4>
  3.                 </div>

Eso ara que siempre este oculto, hasta que tu le indiques cuando mostrarse.

Saludos.
__________________
No te preocupes si tu código no funciona bien. Si todo lo hiciera, no tendrías trabajo.
  #3 (permalink)  
Antiguo 23/04/2015, 13:12
 
Fecha de Ingreso: junio-2010
Ubicación: Puebla, Pue.
Mensajes: 70
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: Ocultar div antes de mostrarse una pagina

Perfecto muchísimas gracias!!! Si eso era lo que necesitaba!!!

Etiquetas: login
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:45.