[JS] Mostrare un messaggio al caricamento effettivo della pagina

Printable View

01-04-2009, 22.00.49
miki92

[JS] Mostrare un messaggio al caricamento effettivo della pagina

Buonasera,
avrei bisogno di mostrare un immagine al caricamento totale della pagina web senza rincorrere a questo trucco:

Codice HTML:

<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Senza nome 1</title> <script type="text/javascript">function msg{ document.getElementById('ciao').style.display = "none" }</script> </head> <body> <div id="ciao">MESSAGGIO</div> /////////////////////////////////// CODICE .... /////////////////////////////////// CODICE <script type="text/javascript">window.onload = msg();</script> </body> </html>

Non voglio utilizzare questo trucco perchè spesso i browser caricano tutto l'html quindi il messaggio viene mostrato ma la pagina è ancora in bianco perchè sta caricando js ed immagini presenti durante il codice...c'è un qualche modo per far si chè caricate le immagini, i js, gli script e tutto infine mi mostri quel messaggio?

Spero sia stato chiaro...
02-04-2009, 10.21.55
saitfainder

Non in maniera così semplice. Dovresti far gestire a Javascript tutto il precaricamento di tutte le immagini e deii Javascript esterni.
02-04-2009, 10.35.55
dreadnaut

Mi sembrava che onload venisse eseguito al caricamento completo della patina e di tutti i suoi elementi, incluse immagini e script esterni, no?
02-04-2009, 11.05.19
saitfainder

Citazione:

Originalmente inviato da dreadnaut

Mi sembrava che onload venisse eseguito al caricamento completo della patina e di tutti i suoi elementi, incluse immagini e script esterni, no?

No, viene eseguito al termine del caricamento dell'HTML.
02-04-2009, 13.03.09
dreadnaut

dissento, e porto a testimonianza questo esempio, un articolo a riguardo ed un workaround per Safari.
02-04-2009, 17.26.50
miki92

Davvero un ottimo esempio Dreadnaut, ma per i javascript il discorso è lo stesso? Ad esempio onload funziona anche se io utilizzo richiamo js esterni in questo modo:

Codice HTML:

<script type="text/javascript" src="advertising_altervista/grande.js"></script>

:?:
02-04-2009, 17.45.05
saitfainder

Citazione:

Originalmente inviato da dreadnaut

dissento, e porto a testimonianza questo esempio

Non ho capito cosa dovrebbe dimostrare questo esempio. Mettendo un IP locale non si apprezza nessun ritardo :crycry:

In ogni caso hai ragione, chiedo perdono :razz:
02-04-2009, 18.10.45
dreadnaut

beh, se l'ip locale non esiste, ci vuole un po' di tempo prima che la richiesta fallisca - ma dipende dalla rete in effetti :tongue

@miki: metti la chiamata che ti serve dentro onload, o meglio usa addEventListener o simili, e questa verrà eseguita dopo il caricamento di tutti i file che compongono la pagina.