Ir al contenido principal

Snippets Mongo DB

 Esta publicación servirá para ir colocando fragmentos de consultas que en algún momento me fueron útiles para usarlo en MongoDB Fragmento 1:  Se requería obtener todos los elementos que dentro de un atributo que es de tipo array(arreglo) coincida  con type:"fire"  Fragmento 2: Se requería actualizar el atributo " lastUpdate "  de toda la colección donde la  edad sea mayor o igual a 15.

Simple efecto loader jquery

Bien (Lo que pasa es de que) esta vez traigo un ejemplo sencillo donde muestro la forma de colocar una imagen loader mientras carga nuestra pagina utilizando jquery , el ejemplo es muy sencillo por lo que no sera tan dificil poder realizarlo, yo hice mas o menos esto:


coloco dentro de la etiqueta head

<link rel="stylesheet" href="estilo.css" type="text/css" />
<script src="jquery.js" type="text/javascript"></script>

En estilo tengo lo siguiente:

/*Precarga*/
.loadingAll {
            display: none;
            z-index: 1;
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background-color: white;
            filter: alpha(opacity=75);
            opacity: 0.75;
}
Dentro del body pongo esto:

<label id="texto"></label>

<div id="divProgreso" class="loadingAll" align="center" >
        <img src="loading.gif" style="position: relative; top: 50%;"></img>
        <div style="color: red; position: relative; top: 5%; " align="center">
              Se est&aacute; cargando la pagina... Espere por favor.
        </div>
</div>

Despues en head coloco el javascript:

jQuery(document).ready(function(){
//imagen precarga
     $("#divProgreso").css("display" , "block");
     $("#texto").text("Cargando...");
     });


//Coloque 9 segundos para que se vea el efecto este lo pueden colocar a su consideracion
  $(window).load(function(){
      //Quita imagen precarga
      setTimeout(function(){
           $("#divProgreso").css("display","none");
           $("#texto").text("Finalizado...");
     },9000);
});


y Listo esto debe fucionar maso o menos asi(por si solo quieren hacer el copy paste):

<!DOCTYPE html>
<html>
<head>
  <title>Conexion Banorte - Flujo a central</title>
<link rel="stylesheet" href="estilo.css" type="text/css" />
<script src="jquery.js" type="text/javascript"></script>

<script>
jQuery(document).ready(function(){
    //imagen precarga
     $("#divProgreso").css("display" , "block");
     $("#texto").text("Cargando...");
     });



  $(window).load(function(){
      //Quita imagen precarga
      setTimeout(function(){
           $("#divProgreso").css("display","none");
           $("#texto").text("Finalizado...");
     },9000);
     
});
</script>

</head>

<body>
<label id="texto"></label>

<div id="divProgreso" class="loadingAll" align="center" >
        <img src="loading.gif" style="position: relative; top: 50%;"></img>
        <div style="color: red; position: relative; top: 5%; " align="center">
              Se est&aacute; cargando la pagina... Espere por favor.
        </div>
</div>
</body>
</html>

haaaa. esta es la imagen





Saludos..



Comentarios

Entradas más populares de este blog

Resetear usuario y contraseña Weblogic

Esta ocasión se me presento un pequeño problema con el acceso a mi weblogic local, podía levantar mi weblogic pero para entrar a la consola no tenia el usuario ni password (Autenticación Denegada Weblogic).Por lo que busque en la red para poder resetear el usuario y password de weblogic.

No se puede llamar Invoke o a BeginInvoke

Que tal banderola pues aca escribiendo sobre un error que me dio al instalar el administrador Microsoft SQL 2008 , pues bien resulta que necesitaba instalar esta tool, y cuando trataba de iniciar el wizard me lanzaba un error que decia algo asi " No se puede llama a Invoke o a BeginInvoke en un control hasta que se halla creado el indentificador de ventana" si no me creen vean la imagen : y entonces me dije a mi mismo, "mi mismo como le voy hacer" entonces pues tube que recurrir a mi salvacion como siemore :D San Google.com, y ya con unas cuantas palabras clave pues que me lanza algunos resultados de los cuales me habia encontrado algo como esto: Problemas al instalar SQL Server 2008 ? Para lo cual no hice caso a este tip pues resulta que yo no tenia instaldo el windows xp, mas bien tenia instalado el windows 7 por que leyendo en los comentarios que se habian hecho llegue a un muy buen tip que decia algo asi: "Para aquellos compañeros que quieren instalar el S