[risolto] precaricamento immagine

realmeteo

Nuovo Utente
10 Apr 2011
5
0
0
COme precaricare una immagine mentre viene eseguito un codice asp piuttosto lungo?

Mi spiego meglio

Codice:
<style>
#loading{
		position:absolute;
		width:200px;
		height:100px;
		left:300px;
		top:180px;
		z-index:1;
		background-color: #6B718B;
		font:40px Arial, Helvetica, sans-serif;
		color:#ffffff;
		padding:20px;
}
</style>
<div id="loading">Loading...</div>
<script>
function finish(){
	document.getElementById("loading").style.visibility = "hidden";
}
</script>
<body onload="finish()">
// durante l'esecuzione del codice seguente si dovrebbe verdere la scritta LOADING e 
// sparire quando la pagina è generata con tutte le 40000 righe.

<%
dim i
for i = 1 to 40000
	response.write("<br>" & i)
next
%>
</body>
 

realmeteo

Nuovo Utente
10 Apr 2011
5
0
0
Ciao,
lo script funziona solo che ti mostra la scritta "Loading..." solo la prima volta che apri la pagina, se fai "aggiorna" il messaggio non viene più mostrato.
Capito,
ma quello che mi serve ha esattamente molti "aggiornamenti" della stessa pagina... come fare perchè funzioni sempre?

Grazie
 

Paolo69

Moderatore
Membro dello Staff
MOD
18 Feb 2010
549
13
18
Italy
www.riciclarte.info
Ciao, prova questo codice, è comunque + o - il tuo l'unica differenza sono le righe in testa alla pagina:

Codice:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
Response.Buffer = False
Response.CacheControl = "no-cache"
Response.AddHeader "Pragma", "no-cache"
Response.Expires = -1

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#loading_screen
{ 
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  color: white; 
  text-align: center;
  padding-top: 300px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 9999;
}
img.loading{
margin-top: 20px;
}
</style>

<script type="text/javascript">
(function(){  
  if (window.addEventListener)
  {
    window.addEventListener("load", nascondi_loading_screen, false);   
  }else{
    window.attachEvent("onload", nascondi_loading_screen);
  }
})();
function mostra_loading_screen()
{
  document.getElementById("loading_screen").style.display = 'block';
}
function nascondi_loading_screen()
{
  document.getElementById("loading_screen").style.display = 'none';
}
</script>


</head>

<body>

<div id="loading_screen">
  <h1>Caricamento...</h1> <br /><br />
  <img  class= "loading" src="loading.gif" />
</div>
<script type="text/javascript">
mostra_loading_screen();
</script>


<%
dim i
for i = 1 to 40000
	response.write("<br>" & i)
next
%>
</body>
</html>
Link esempio: http://www.caprioli.info/fitness/script/loading.asp
 

realmeteo

Nuovo Utente
10 Apr 2011
5
0
0
un sentito ringraziamento

Ciao, prova questo codice, è comunque + o - il tuo l'unica differenza sono le righe in testa alla pagina:

Codice:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<%
Response.Buffer = False
Response.CacheControl = "no-cache"
Response.AddHeader "Pragma", "no-cache"
Response.Expires = -1

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#loading_screen
{ 
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  color: white; 
  text-align: center;
  padding-top: 300px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 9999;
}
img.loading{
margin-top: 20px;
}
</style>

<script type="text/javascript">
(function(){  
  if (window.addEventListener)
  {
    window.addEventListener("load", nascondi_loading_screen, false);   
  }else{
    window.attachEvent("onload", nascondi_loading_screen);
  }
})();
function mostra_loading_screen()
{
  document.getElementById("loading_screen").style.display = 'block';
}
function nascondi_loading_screen()
{
  document.getElementById("loading_screen").style.display = 'none';
}
</script>


</head>

<body>

<div id="loading_screen">
  <h1>Caricamento...</h1> <br /><br />
  <img  class= "loading" src="loading.gif" />
</div>
<script type="text/javascript">
mostra_loading_screen();
</script>


<%
dim i
for i = 1 to 40000
	response.write("<br>" & i)
next
%>
</body>
</html>
Link esempio: http://www.caprioli.info/fitness/script/loading.asp

Grazie molte,
lo proverò, anche se l'ho gia visto funzionare sul sito di riferimento.
Se puo interessare in regalo una licenza premium senza limiti per "realmeteo", la nostra app. meteo per windows (vedere sito omonimo .com ).

Il presidente dell'associazione Realmeteo