caricamento

**G N Design** · 22-05-2004, 09:47

Ciao a tutti,
sono stato "reindirizzato" qui dopo aver scritto un messaggio sulla sezione ASP.

Riporto il testo:

*Vi scrivo per sapere se c'è la benché minima possibilità di creare una "pagina di caricamento" per pagine ASP.

La mia homepage in ASP (sslazio2000.net) ha diversi include ed immagini; il caricamento non è tra i più veloci.
C'è quindi la possibilità di creare una pagina di avviso di caricamento per quei 30 secondi circa in cui la pagina (bianca) si carica?

Attendo fiducioso vostre risposte.*

E, aggiungo, se c'è la possibilità come si può concretizzare tecnicamente? :tongue:

Ciao a tutti.

**Mich_** · 24-05-2004, 09:02

Sono state fatte alcune proposte in passato.

La piu` gettonata e` creare un layer (<div>) che occupa tutto lo spazio (width:100%; height:100%), indi scrivere il resto della pagina in un altro <div> successivo.

Alla fine basta far sparire il div:
document.getElementById('ID_DEL_DIV').style.displa y='none';

Per maggiori dettagli, prova a fare una ricerca nel forum.

**G N Design** · 24-05-2004, 13:36

Ti ringrazio. Ho fatto diverse ricerche nel forum ed ho trovato questo:
http://forum.html.it/forum/showthrea...camento+pagina

Il risultato però è "pessimo"

http://www.sslazio2000.net/default2.asp
Praticamente non funziona.

Se non ti rompo troppo le scatole sapresti indicarmi precisamente il link o direttamente lo script necessario?

Grazie e Scusa.

**Mich_** · 24-05-2004, 16:50

Con il visibility non credo sia fattibile. O almeno il risultato non sara` dei migliori.

Prova a seguire il mio suggerimento di questa mattina.

Nel body ci metti due <div>, il primo con il messaggio di attesa, il secondo con il resto della tua pagina.

Esempio:
<head>
<title> ecc</title>
<style type="text/css">
#attesa { display:block; width:100%; height:100%; }
#definit ( display:none; width:100%; height:100%; }
</style>

<script type="text/javascript">
function finecaric() {
document.getElementById('attesa').style.display='n one';
document.getElementById('definit').style.display=' block';
}
</script>
</head>
<body onload="finecaric();">
<div id="attesa">

attendere, prego</p>
</div>
<div id="definit">
... il resto dell apagina ...
</div>
</body>

**G N Design** · 24-05-2004, 17:42

Grazie ancora per la sollecita risposta.

Tuttavia il problema è sempre lo stesso.

Prima c'è una pagina bianca per 10-15 secondi poi compare il sito con la scritta attendere prego, e poi la scritta scompare.

Non dovrebbe essere proprio così ;(

Cosa sbaglio?

**G N Design** · 24-05-2004, 17:43

La pagina di test è www.sslazio2000.net/default2.asp

**br1** · 24-05-2004, 17:53

10726 caratteri nella prima riga

Potresti disattivare l'opzione di compattamento dell'html?... il sorgente e' illeggibile

ciao

**Mich_** · 24-05-2004, 17:56

E` un po' diverso da come ti dicevo.

La tua pagina deve stare TUTTA dentro il secondo <div>.

Invece la tua intestazione sta fuori (e li' ci sono delle immagini non da poco).

Ps. io ho una linea un po' piu` veloce della tua: in circa 5 sec la pagina e` tutta caricata

**G N Design** · 25-05-2004, 08:56

Ti ringrazio. Come puoi vedere ora funziona: sslazio2000.net/default2.asp

Tuttavia mi sono "inceppato" su un altro sito: mazziniano.it/default3.asp

Le ho provate tutte: prima ho messo gli stili dentro il file styles.css e la funzione dentro scripts.js. Non funzionava.

Poi li ho separati dal file e non andava ugualmente.

Il problema è questo: viene visualizzata la pagina di caricamento che scompare a caricamente ultimato.
Sembrerebbe tutto ok, tuttavia assieme al div di caricamento si carica anche il div "definit".

Questa volta dove sbaglio?

Spero di non abusare della tua disponibilità.

Ciao e Grazie di tutto.

**Mich_** · 25-05-2004, 09:40

Non ci siamo. (la pagina funziona ma non e` HTML corretto)

Le regole dell'HTML devono essre rispettate.
Altrimenti troverai sempre qualche browser che (a ragione) non visualizza le pagine.

codice:

<!DOCTYPE ....> (opzionale, ma fortemente consigliato)
<html>
  <head>
    <title> ...</title>
    <meta ... />
    <style ...>
      ...
    </style>

    <script ...>
      ...
    </script>
  </head>

  <body ...>
    <div id="attesa">
      ...
    </div>
    <div id="definit">
      ... il resto della pagina ...
    </div>
  </body>
</html>

Dentro la head i vari pezzi possono avere l'ordine che vuoi, ma la head deve stare in testa al codice, prima del body.

Poi potresti anche abbandonare tanti attributi di formattazione (che sono deprecati) e spostarli dentro i CSS.

----

La pagina del mazziniano funziona allo stesso modo, sul mio browser (Mozilla 1.4 sotto linux), ma il problema e` lo stesso.

Discussione: caricamento

Strumenti discussione

Ricerca discussione

Visualizza

caricamento

Permessi di invio