[risolto] precaricamento immagine

realmeteo · 10 Set 2014

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>

Paolo69 · 12 Set 2014

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.

realmeteo · 12 Set 2014

Paolo69 ha scritto:
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 · 16 Set 2014

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 · 16 Set 2014

un sentito ringraziamento

Paolo69 ha scritto:

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

Cerca

Cerca

[risolto] precaricamento immagine

realmeteo

Nuovo Utente

Paolo69

Moderatore

realmeteo

Nuovo Utente

Paolo69

Moderatore

realmeteo

Nuovo Utente

Discussioni simili