Livello di difficoltà: |
|
Dynamic Html è una tecnologia approvata dal W3C per la creazione di siti Web dinamici ed interazioni client side con l'utente. In questa sezione sono disponibili centinaia di esempi ed arretrati della mailing list "Una demo Dhtml a settimana".
|
| |
Verifica il caricamento di un'immagine
Arretrati lista "Una demo Dhtml a settimana"
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.
|
