Olá, pessoal! Antes de mais nada, quero agradecer pelos inúmeros e-mails que tenho recebido elogiando e criticando as publicações que tenho postado aqui.
Neste boletim veremos como colocar um texto como Aguarde. Carregando! em um projeto web. Essa informação é muito importante para sistemas que são desenvolvidos em ambientes corporativos, como intranet.
A primeira coisa a ser vista é o funcionamento das funções:
- Response.Buffer = True;
- Response.Flush;
- Response.Clear().
Onde usar cada uma delas? Vamos ver cada uma.
Response.Buffer = true significa que a página será armazenada em buffer, ou seja, só será enviada ao client quando ele for toda processada. Você pode deixar como false também. A cada processamento feito, será enviado ao browser.
Response.Flush envia imediatamente ao browser todo o conteúdo em buffer.
Response.Clear esvazia todo o conteúdo em buffer.
Estes metodos são muito úteis quando desejamos enviar dados ao browser antes mesmo que o script seja todo processado.
Após toda essa teoria, vamos à prática!
Primeiramente vamos criar um arquivo chamado wait.asp. Esse arquivo conterá as informações necessárias para que, enquanto a página estiver sendo executada, fique aparecendo o texto de aguarde ou carregando.
Criando arquivo wait.asp
<div id="hidepage" align="center" style="position: absolute; left:0px; top:0px; height: 600; width: 900">
<table width="450" cellpadding="10" cellspacing="1" style="border-style:outset; border-width:0; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" height="100">
<tr>
<td bgcolor="FFFFFF" align="center">
<table width="100" border="0" cellspacing="5" cellpadding="5" style="border-collapse: collapse; border: 1px solid C0C0C0; padding-top: 5px; padding-bottom: 5px">
<tr>
<td width="10"><img src="animaLer.gif"></td>
<td width="90"><font size="1" face="Verdana" color="666666"><b>Carregando...</b><br>Aguarde até que a página esteja carregada por completo.</font></td>
</tr>
</table>
</td>
</tr>
</table>
</div>Criando arquivo default.asp
<response.buffer = true ' a página será carregado no buffer>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>carregando...</title>
<script language="JavaScript" type="text/JavaScript">
function loadImages() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
</script>
</head>
<body OnLoad="loadImages();">
<!--include file="wait.asp"-->
<Response.Flush 'envia conteúdo para o browser>
<
'loop de verificação
for i = o to 100000
response.write i "<br>"
next
>
</body>
</html>Esses códigos estão disponíveis em: aqui e lembrem-se: tecnologia é para alavancar processos e não atravancar!
Gente, é isso! Qualquer coisa é só entrar em contato!
De 0 a 10, o quanto você recomendaria este artigo para um amigo?