Hola @emprear.
He reducido un poco todo con un fichero txt, al que le he metido 500 lineas de texto.
Y para ralentizar un poco mas el proceso. cada vez que leo una linea muestro las anteriores.
La linea gif animada se congela de todas todas.
>>>
<!DOCTYPE html>
<html lang="Castellano">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<script>
function EsperaOn() { $("#Espera").css('visibility','visible'); }
function EsperaOff() { $("#Espera").css('visibility','hidden'); }
function LeerLineaFichero(Linea_Numero,RutaNombreFichero) {
var ContadorLineas=0;
var LineaDeTexto;
var FicheroTxt;
var FicheroObj = new ActiveXObject("Scripting.FileSystemObject");
if (FicheroObj.FileExists(RutaNombreFichero))
{
var FicheroTxt = FicheroObj.OpenTextFile(RutaNombreFichero, 1, true);
while (!FicheroTxt.AtEndOfStream)
{ /* Continuar hasta el final del fichero si es CERO o hasta el numero de linea indicado. */
ContadorLineas++;
LineaDeTexto=FicheroTxt.ReadLine();
if (ContadorLineas==Linea_Numero){ break; }
}
FicheroTxt.Close();
}
else
{
LineaDeTexto="(error::fichero no existe)";
}
return LineaDeTexto;
}
function EjecutaEsto()
{
var str_leida="";
var str_total="";
EsperaOn();
for (x=1; x<500; x++)
{
str_leida=LeerLineaFichero(x,"C:\\ttt\\Ejem.txt");
str_total=str_total+str_leida;
$("#ZonaTrabajo").html(str_total);
}
EsperaOff();
}
</script>
<body style="background-color: rgb(243, 243, 243);">
<div id="ContenedorPrincipal">
<table id="Programa" border="0" cellpadding="1" cellspacing="1" width="1000"><tbody>
<tr>
<td width="200px">
<div id="MenuOpciones" style="height: 375px; background-color: rgb(128, 192, 255); border: 1px solid rgb(0, 128, 255);">
<b><BR>
<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>
</div>
</td>
<td width="800px">
<div id="ZonaTrabajo" style="height: 375px; background-color: rgb(238, 245, 250); border: 1px solid rgb(0, 128, 255);">
</div>
</td>
</tr>
</tbody></table>
</div>
<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);">
<BR>
<div align="right" width="280px"><b>ESPERE POR FAVOR</b></div>
<BR>
<img src="Espere.gif">
<BR>
</div>
</body>
</html>
>>>