Como hago un loading en ASP

mackpipe · #1 (**permalink**) 27/01/2005, 14:48

Como hago para poner un texto de cargando o una imagen, para que el usuario espere a que cargue una pagina, que cuando termine de cargar la pagina se la muestre al usuario, si no ha terminado de cargar que se presente el mensaje de cargando...

Urgente por favor, gracias

Prefontaine · #2 (**permalink**) 27/01/2005, 15:16

Eso mismo buscaba yo hace tiempo lo que pasa que me lo hacian con javascrip lo malo es que tube que modificar todo el codigo y no salia a cuenta supongo que con asp debe ser más facil adaptarlo.

mackpipe · #3 (**permalink**) 27/01/2005, 15:30

Pero la respuesta donde esta?... me dejaste en las mismas..

lexus · #4 (**permalink**) 27/01/2005, 16:43

un cargador con visual script

Código:

 <script>
function detenerError(){

return true
}
window.onerror=detenerError
</script>
<head>
<!--
function MM_reloadPage(init) {  
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
 <script language=VBScript>
   <!--
   Dim Bar, Line, SP
   Bar = 0 
   Line = "|"
   sP = 250
   
   Function Window_onLoad()
	 Bar = 95
	 sP = 10
   END Function
   
   Function Count()
   If Bar < 100 Then
	  Bar = Bar + 1
	  Window.Status = " C a r g a n d o   p á g i n a   . . . " & Bar & "%" & " " & String(Bar, Line)
	  setTimeout "Count()", SP
   Else
	  Window.Status = "Aqui escribe el nombre que quieras"
	  Document.Body.Style.Display = "" 
   End If 
   End Function
   
   Call Count()
   -->
   </script>

Prefontaine · #5 (**permalink**) 27/01/2005, 17:19

Me temo que lo quiere en la pagina no en la barra de esstado...

lexus · #6 (**permalink**) 27/01/2005, 17:36

ok digamosle a alguien que sepa javascript que lo modifique un poco para dejarlo en la mitad de la pagina y que nos comente,

mackpipe · #7 (**permalink**) 28/01/2005, 14:51

Me parece una buena solucion, pero la pregunta es si el proceso de cargue de la pagina es de 15 segundos, ya que tiene que construir muchas filas de informacion en una tabla, y hacer muchos calculos... mientras el servidor hace esos calculos el usuario estaria viendo el loading.. y que fuera real que cuando termine el server de hacer calculos ahi si desaparezca el loading y muestre la pagina.. pero que la muestre de una, no que la muestre por partecitas.. porque actualmente me va mostrando como el scroll se va haciendo cada vez mas pequeño, pero hay que esperar mucho para saber que ya cargo la ultima linea..

Gracias

lexus · #8 (**permalink**) 28/01/2005, 19:05

perfecto seria, ojala alquien pueda hacerlo.

JosephFley · #9 (**permalink**) 29/01/2005, 14:29

Saludos,

Bueno me parece interesante el tema.... no se como hacerlo pero se me ocurre una forma de como solucionar el problema.

Se me ocurre poner dos divs principales en mi página uno que diga solo loading y el otro que tenga todo el contenido de la pagina ( este último oculto por defecto), entonces en cuanto entro a la pagina se muestra solo el de loading, y cuando cargo toda la página con un javascript cambio las propiedades de ambas layers para ocultar una y mostrar la otra.

Para el javascript no se si se puede usar el OnLoad del body para hacer el cambio, o si no buscar algun elemento que lo dispare...

Habría que implementarlo para ver si sirve....

Por cierto creo que este tema no tiene nada que ver de ASP....

lexus · #10 (**permalink**) 29/01/2005, 14:32

ok, pero seriabueno ver un poco de codigo para ver como lo estas haciaendo parece ser buena idea..

Miguel Delgado · #11 (**permalink**) 29/01/2005, 21:58

eso me parece que se puede trabajar con las variables del servidor, no tengo ni idea como ... pero, estas poseen ese tipo de informacion.
Algunas poseen datos como los usuarios conectados... por ejemplo.
me imagino que depronto exista alguna que tenga esa info.... CREO

Stickmaster2004 · #12 (**permalink**) 29/01/2005, 22:55

pues con asp la tarea de hacer eso es muy tediosa creo que estaba en otro lado por aqui en foros del web, mejor pues haz una pagina principal de cargando con una barra de pocentaje pero hecha en SwishMax que es una herramienta parecida a flash pero mas facil de utilizar, luego ya que este lista pues la redireccionas a la pagina que tu quieras

lexus · #13 (**permalink**) 30/01/2005, 10:14

stickmaster no creo qeu sea bueno hacerlo con swish max yua qeu la pagina que cargas con ese programa seria la que estas actual, y si la redireccionas a otra la otra tambien tendria que cargarse osea qeu serian dos cargas, la idea es un script que cargue todo el contenido de una pagina ya sean datos de una BD imagenes etc y luego la mueste en pantalla todo despues de que este 100% cargado.

JosephFley · #14 (**permalink**) 30/01/2005, 10:54

Saludos,

Bueno he implementando la propuesta que les dí un par de posts más arriba, y creo que los resultados fueron buenos

Eso sí, esto lo hice solo para probar si funciona, así que lo hice a rápido usando los javascripts que pone el DreamWeaver y los layers creados con el mismo programa....

Pero la lógica es la misma, dos layers uno para el loader y otro para el contenido (invisible por defecto), en la etiqueta Body uso el OnLoad para saber cuando se cargue todo el body llame un javascript que cambie los propiedades de visibilidad de los layers y listo!

Como les digo esta es la solución que se me ocurrió al problema, talvez hay mejores formas de hacerlo, les aconsejo que la prueben y opinen...

Aquí pegaré el código, guardenlo como un archivo html.
Por cierto en este foro no se pueden hacer attach???

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body onLoad="MM_showHideLayers('cargador','','hide','contenido','','show')">

<div id="cargador" style="position:absolute; left:309px; top:119px; width:134px; height:77px; z-index:3; background-color: #CCDDFF; layer-background-color: #CCDDFF; border: 1px none #000000;">
  <div align="center"><br>
  Cargando...</div>
</div>



<div id="contenido" style="position:absolute; left:26px; top:33px; width:735px; height:270px; z-index:2; background-color: #B6D1E2; layer-background-color: #B6D1E2; border: 1px none #000000; visibility: hidden;">
	Aquí ponemos todo el contenido de la página...<br>
		
	<iframe src="http://www.forosdelweb.com" height="400" width="600" scrolling="auto"></iframe>
	
</div>


</body>
</html>

Escucho cualquier sugerencia o consulta...

Prefontaine · #15 (**permalink**) 30/01/2005, 13:44

Muy bueno, Esta muy bien pero y sin layers?

Prefontaine · #16 (**permalink**) 30/01/2005, 13:46

bueno ya lo he preovado y va muy bien sin layers...

JosephFley · #17 (**permalink**) 30/01/2005, 23:31

Y como lo haces sin layers?
Por layers me refiero a divs...

Myakire · #18 (**permalink**) 31/01/2005, 09:34

No he examinado el código con mucho detenimiento, pero creo que el problema de mackpipe era que si proceso en el servidor se tardaba mucho, no tanto en el cliente, por lo que igual se tardaría mucho en presentar la página (por tardarse la respuesta) pese a que en el cliente no (el onload se ejecutaría muy rápido).

Ese código esta muy bien para páginas que se tarden en cargar, por imágenes u otras cuestiones atachables a la conexión o al cliente ¿o me equivoco?

mackpipe · #19 (**permalink**) 14/02/2005, 14:45

Exacto, ese es el punto.. no javascript no me sirve, ya que lo que se me demora la pagina es en ejecutar una consulta de Data base, lo cual cuando termine es que imprime el HTML, lo que indica que en javascript no me seria util.. no se como mas hacerlo..

Myakire · #20 (**permalink**) 14/02/2005, 15:09

Si tienes actualmente pagina1.asp -> pagina2.asp, podrías cambiar a pagina1.asp -> páginaCargando.asp -> pagina2.asp -> (cierra páginacargando.asp).

Esto es, que llames primero a un popup que le presente algo al usuario, y luego redireccione al asp que se tarda en el proceso, luego, en el onload de esta última, cerrar el popup.
Supongo que funcionaría.

Sidious · #21 (**permalink**) 05/01/2010, 11:19

No te compliques, esta es la forma más fácil.

File1.asp:

<%
response.write("Cargando...favor espere...<br />")
Server.Execute("file2.asp")
' Opcional
response.write("Hasta luego...")
%>

File2.asp:

<%
response.write("I am in File 2!<br />")
%>

Output:

Cargando...favor espere...
flie2.asp hace cualquier cosa que quieras...
Hasta luego...

Ronald Avendaño
[email protected]

Myakire · #22 (**permalink**) 05/01/2010, 11:31

No, si no lo a resulto después de 5 años no lo ha resuelto, por más sencilla que fuera tu alternativa no la podría implementar

Este tema se cierra por ya ser muy antiguo