Tema: Mostrar una animación mientras se ejecuta codigo.
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 21/02/2013, 16:48
Blackbit
 
Fecha de Ingreso: febrero-2013
Mensajes: 9
Antigüedad: 11 años, 2 meses
Puntos: 2
Respuesta: Mostrar una animación mientras se ejecuta codigo.
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="Castellano">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
  6.     </head>
  7.     <script>
  8.     function EsperaOn() { $("#Espera").css('visibility','visible'); }
  9.     
  10.     function EsperaOff() { $("#Espera").css('visibility','hidden'); }
  11.     
  12.     function LeerLineaFichero(Linea_Numero,RutaNombreFichero) {
  13.         var ContadorLineas=0;
  14.         var LineaDeTexto;
  15.         var FicheroTxt;
  16.         var FicheroObj = new ActiveXObject("Scripting.FileSystemObject");
  17.     
  18.         if (FicheroObj.FileExists(RutaNombreFichero)) 
  19.             {
  20.                 var FicheroTxt = FicheroObj.OpenTextFile(RutaNombreFichero, 1, true);
  21.                 while (!FicheroTxt.AtEndOfStream)
  22.                     {   /* Continuar hasta el final del fichero si es CERO o hasta el numero de linea indicado. */
  23.                         ContadorLineas++;
  24.                         LineaDeTexto=FicheroTxt.ReadLine();
  25.                         if (ContadorLineas==Linea_Numero){ break; }
  26.                     }
  27.                 FicheroTxt.Close();
  28.                 } 
  29.             else
  30.                 {
  31.                 LineaDeTexot="(error::fichero no existe)";
  32.                 }
  33.         return LineaDeTexto;
  34.         }
  35.         
  36.     function EjecutaEsto()
  37.     {
  38.     var str_leida="";
  39.     var str_total="";
  40.     EsperaOn();
  41.     for (x=1; x<500; x++)
  42.     {
  43.         str_leida=LeerLineaFichero(x,"C:\\ttt\\Ejem.txt");
  44.         str_total=str_total+str_leida;
  45.         $("#ZonaTrabajo").html(str_total);
  46.     }
  47.     EsperaOff();
  48.     }
  49.     </script>
  50.     <body  style="background-color: rgb(243, 243, 243);">
  51.     <div id="ContenedorPrincipal" class="centrado">
  52.         <table id="Programa" border="0" cellpadding="1" cellspacing="1" width="1000"><tbody>
  53.             <tr>
  54.                 <td width="200px">
  55.                     <div id="MenuOpciones" style="height: 375px;  background-color: rgb(128, 192, 255); border: 1px solid rgb(0, 128, 255);">
  56.                         <b><BR>
  57.                         <div id="OpcionN" style="font-family: Times New Roman,Times,Verdana; font-size: 14px; padding-left: 10px; padding-bottom: 5px; cursor: pointer;" onclick="EjecutaEsto()">Opcion N.</div>                    
  58.                     </div>
  59.                 </td>
  60.                 <td width="800px">
  61.                     <div id="ZonaTrabajo" style="height: 375px; background-color: rgb(238, 245, 250); border: 1px solid rgb(0, 128, 255);">
  62.                     </div>
  63.                 </td>
  64.             </tr>
  65.         </tbody></table>
  66.     </div>
  67.     <div id="Espera" style="visibility: hidden; position: absolute; top: 25%; left: 50%; width=300px; height=150px; margin-top:-75px; margin-left:-150px; padding: 10px; color: rgb(255, 255, 255); background-color: rgb(128, 16, 16); border: 2px solid rgb(0, 0, 0);">
  68.         <BR>
  69.         <div align="right" width="280px"><b>ESPERE POR FAVOR</b></div>
  70.         <BR>
  71.         <img src="Espere.gif">
  72.         <BR>
  73.     </div>
  74.     </body>
  75. </html>