Verifica il caricamento di un'immagine

Arretrati lista "Una demo Dhtml a settimana"
di Risorse.net

CONOSCENZE CONSIGLIATE PER QUESTO ARTICOLO: Html, Javascript

COMPATIBILITÀ: Ms Ie, Netscape, Opera
FILES ESTERNI: Nessuno
Visualizza la demo
Scarica la demo

La demo che esamineremo questa settimana, nonstante la sua semplicità, mostra appieno il controllo che Dynamic Html può offrire sull'intero contenuto di un documento. In questo esempio infatti, uno script verifica che un'immagine sia stata caricata con successo ed in caso contrario, reagisce in qualsiasi modo e nel nostro caso, fa apparire un alert di avviso.
Questo Javascript, va inserito tra i tag <head>:

function controlla_img() {
if(document.images['img'].readyState=="complete")
alert("Immagine caricata")
else {alert("Immagine non caricata")}
}


Tra le parentesi quadre, è presente il nome dell'immagine (img) che verrà assegnato in seguito nel momento di inserire il tag <img>. Se voleste levare l'alert di avviso in caso di immagine caricata, basterebbe sostituire la riga:

alert("Immagine caricata")

con:

null

In seguito, nel <body> non resta che richiamare onload (al caricamento del documento) la funzione per il controllo dell'immagine ed infine specificare l'immagine:

<BODY onLoad="controlla_img()">

<BR><BR>
Questo script verifica l'esatto caricamento dell'immagine. Se non
caricata, appare un alert di avviso.
<BR><BR>

<img src="img" name="img" width=200 height=200>

</BODY>


Nella riga:

<img src="img" name="img" width=200 height=200>

possiamo notare il nome (name="img") che abbiamo specificato nello script precendente.

© Risorse.net (www.risorse.net)
pagina in versione stampabile:
http://www.risorse.net /dhtml/teoria/2000/luglio/46.asp?print=ok