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...')" />