Fórum Script Brasil > Fazendo Um Loading Numa Pagina Asp

Versão Completa: Fazendo Um Loading Numa Pagina Asp

Fórum Script Brasil > Programação & Desenvolvimento > ASP > Repositório de Scripts - ASP

Marcos-rj

03/08/2006 - 13:53

sistema de "loading"para uma pagina asp. Voce pode usar isso numa pagina que tenha muitos registros, muitas fotos, enfim, há diversas aplicações.

Bom, primeiro, as parte facil:

Escolha uma imagem que voce goste(pode ser qualquer outra):

[img=http://www.bmw.co.nz/images/common/loading.gif][/img] [img=http://www.charitablegift.org/demo_files/images/loading.gif][/img]

Bom, salve ela na mesma pasta que salvar o seu script.

Bom, vamos aos codigos:

No inicio da sua pagina, voce coloca:

CODE

<%Response.Buffer = True%>

Abaixo da tag <body> do HTML, voce coloca:

CODE

<%
Response.Write("<div id=""carregando""><img src='loading.gif'></div>")
Response.Flush()
%>

e no final do seu script, antes da tag </body> voce coloca:

CODE

<%
Response.Write("<script type=""text/javascript""> document.getElementById(""carregando"").style.display = ""none"";</script>")
%>

Lucasbr
Forum Ievolution

fertel

07/08/2006 - 11:05

Muito bom o script, parabéns. Pra ficar mais completão, bem que podia botar mais uns exemplos de imagens, como uma galeria pra gente escolher

okil

28/08/2007 - 10:28

Muito Bom vlw ai

bareta

28/08/2007 - 16:04

esse eu fiz com uma barra em flash...

uso em uma include no topo da pagina

HTML

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" id="progress_bar">
<tr>
<td align="center" valign="middle">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25">
<div align="center">
<strong><font face=arial size=2>
Aguarde Carregando Arquivos
</font>
</strong>
</div>
</td>
</tr>
<tr>
<td width="200" height="25">
<div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="166" height="22">
<param name="movie" value="http://www.portalmaracaju.com.br/img/progress_bar.swf">
<param name="quality" value="high">
<embed src="http://www.portalmaracaju.com.br/img/progress_bar.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="166" height="22">
</embed>
</object>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>

e esse no final

HTML

para ver funcionando acesse: http://www.portalmaracaju.com.br

Esta é uma versão simplificada de nosso conteúdo principal. Para ver a versão completa com maiores informações, formatação e imagens, por favor clique aqui.