Ir para conteúdo
Fórum Script Brasil
  • 0

Fazendo Um Loading Numa Pagina Asp


Marcos-rj

Pergunta

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=http://www.charitablegift.org/demo_files/images/loading.gif]

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

Bom, vamos aos codigos:

No inicio da sua pagina, voce coloca:

<%Response.Buffer = True%>
Abaixo da tag <body> do HTML, voce coloca:
<%
Response.Write("<div id=""carregando""><img src='loading.gif'></div>")
Response.Flush()
%>
e no final do seu script, antes da tag </body> voce coloca:
<%
Response.Write("&lt;script type=""text/javascript""> document.getElementById(""carregando"").style.display = ""none"";</script>")
%>

Lucasbr

Forum Ievolution

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

esse eu fiz com uma barra em flash...

uso em uma include no topo da pagina

<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
<script>
document.getElementById('progress_bar').style.display='none';
</script>

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

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...