Foros del Web » Programando para Internet » Javascript »

Div pantalla completa + gif

Estas en el tema de Div pantalla completa + gif en el foro de Javascript en Foros del Web. hola a todos. estoy intentado hacer que cuando carge unos datos de la web salga la div que bloquee la pantalla con un gif animado ...
  #1 (permalink)  
Antiguo 05/11/2010, 11:36
Avatar de Ascariz  
Fecha de Ingreso: noviembre-2005
Mensajes: 403
Antigüedad: 19 años
Puntos: 0
Pregunta Div pantalla completa + gif

hola a todos.

estoy intentado hacer que cuando carge unos datos de la web salga la div que bloquee la pantalla con un gif animado pero ese gif no se mueve.

Código:
 <style type="text/css">
      /* otro */
   .FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

   .FreezePaneOn
   {
      position: absolute;
      top: 0px;
      left: 0px;
      visibility: visible;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #666;
      z-index: 999;
      filter:alpha(opacity=85);
      -moz-opacity:0.85;
      padding-top: 20%;
   }

   .InnerFreezePane
   {
      text-align: center;
      width: 66%;
      background-color: #171;
      color: White;
      font-size: large;
      border: dashed 2px #111;
      padding: 9px;
   }
     
</style>
Código:
<script type="text/javascript" language="JavaScript">
    function FreezeScreen(msg) {
        scroll(0, 0);
        var outerPane = document.getElementById('FreezePane');
        var innerPane = document.getElementById('InnerFreezePane');
        if (outerPane) outerPane.className = 'FreezePaneOn';
       // if (innerPane) innerPane.innerHTML = msg;
    }
</script>
Código:
<div align="center" id="FreezePane" class="FreezePaneOff">
   <div id="InnerFreezePane" class="InnerFreezePane"> 
    <div class="imgloader">2</div>Procesando....
   <img src="<%= this.ModulePath %>img/ico-mundo-peq.gif" alt="" />
    </div>
</div>
Código:
<asp:Button ID="BtnBuscarHoteles" runat="server" Text="Burcar" OnClick="BtnBuscarHoteles_Click"
                            CssClass="CajaBoton" OnClientClick="FreezeScreen('Your Data is Being Processed...')" />
__________________
Desarrollador & Diseñador Web
Diseño de paginas web en Madrid
  #2 (permalink)  
Antiguo 05/11/2010, 13:20
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Div pantalla completa + gif

si la ruta a la imagen es correcta y el gif es animado, se reproducirán las distintas capas

Etiquetas: completa, gif, pantalla
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 09:52.