[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>
 

Paolo69

Moderatore
Membro dello Staff
MOD
18 Feb 2010
555
13
18
Italy
www.caprioli.info
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

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
555
13
18
Italy
www.caprioli.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
 
Discussioni simili
Autore Titolo Forum Risposte Data
L (risolto) MySQL 0
B getElementById su piu id(Risolto) Javascript 7
L Esercitarsi con Js [RISOLTO] Javascript 4
C [RISOLTO]Inserimento variabile php in input html PHP 20
L risolto visualizzazione e ordinamento dati PHP 1
moustache [RISOLTO] SQL PHP IIS PHP 8
Sergio Unia Ricezione email con destinatari multipli [Risolto] PHP 2
L update tabelle in php mysql [risolto] PHP 6
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
L [RISOLTO] Stampa a video risultato count in html PHP 13
L [RISOLTO] Eliminare una discussione creata PHP 3
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
A [PHP] Problema query insert [RISOLTO] PHP 14
B [PHP] recuperare IP dei server in load balancing [RISOLTO] PHP 3
K [RISOLTO] Problema Griglia Php+Mysql PHP 13
S [RISOLTO] aggiorna tabella da select option asp classic Classic ASP 7
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
elpirata [RISOLTO][Mysql] Problema insert valori apostrofati MySQL 1
elpirata [RISOLTO][Mysql] Contare le occorrenze in un campo tipo varchar MySQL 2
G [MS Access] Gestione biglietti [RISOLTO] MS Access 2
G [MS Access] Casella combinata & Query [RISOLTO] MS Access 4
G [MS Access] Query mese corrente con conteggio [RISOLTO] MS Access 2
M [RISOLTO]Windows media player non mi funziona più su win 10 pro 64 bit Windows e Software 2
C [RISOLTO][PHP] Errore di sintassi PHP 8
IT9-Gpp [RISOLTO] Leggere variabile restituita da success Ajax 3
Kolop [RISOLTO][PHP] Problema Pagination PHP 2
C [RISOLTO][PHP] Funzione ONclick PHP 14
C [RISOLTO][PHP] Conteggio righe di una tabella PHP 4
N [PHP] Utilizzo variabili di sessione [Risolto] PHP 13
Tommy03 [RISOLTO][PHP] Webserver o devserver? PHP 2
Sergio Unia Recupero dati da una vecchia versione MySql [Risolto] MySQL 4
spider81man [PHP] Problemi cancellazione dato su DB [RISOLTO] PHP 1
A [RISOLTO]Inserimento Immagini da pc a MySql PHP 15
A [PHP] RISOLTO Invio Mail con Tabella PHP 2
felino Risolto - [Wordpress][WooCommerce] PayPal Checkout e campi di fatturazione WordPress 2
elpirata [PHP][RISOLTO] Sommare gli importi estratti da un ciclo while PHP 3
elpirata [PHP][RISOLTO] Effettuare la somma dei tempi di lavorazione PHP 3
elpirata [PHP] [RISOLTO]Sovrascrivere testo in una tabella PHP 2
A [RISOLTO]Recuperare dati inviati con json tramite php PHP 4
C [RISOLTO][PHP] Passaggio variabili senza refresh di pagina PHP 7
elpirata [PHP][RISOLTO] Errore di tipo Notice: Undefined index - Come risolvere quando si hanno tante var PHP 10
S Problema in PHP per invio file XML - RISOLTO- PHP 8
A [Javascript] [RISOLTO] Doppio "submit", in uno stesso "Form" , che puntino ad "action" diversi Javascript 1
marino51 [Risolto]videochat di messenger ha smesso di funzionare sul telefonino Smartphone e tablet 1
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
ken_korn [Javascript][Risolto] browser.tab.Tabs.favIconUrl non funziona Javascript 5
A [RISOLTO] HighChart e PHP PHP 4
A [RISOLTO] PHP Selezionare tutti i file con stessa estensione PHP 2
A [RISOLTO] Table elaborata da codice PHP con dati da DB non visualizzata in IFRAME PHP 15
T [Photoshop] Problema creazione pennello personalizzato [RISOLTO] Photoshop 3

Discussioni simili