Risorse per webmaster

L A   C O M U N I T À   V I R T U A L E   I T A L I A N A   P E R   W E B   M A S T E R S

 
 
      Tecnologie
      HTML
      CSS
      DHTML
      FLASH
      ASP
      PHP
      JSP
      PERL
      XML
      SMIL
      WIRELESS
      PALMARI
      APACHE
      MYSQL
      PICOSQL
 
      Grafica
 
      Servizi
 
      Raccolte
 
      Recensioni
 
      Analisi
 
      Disclaimer

   Per tutti
 
  .: Magazine
  .: Editor
  .: Appunti
  .: Gratis
  .: Scripts
  .: Components
 
   Home page

Partner
Comunicati stampa
Proposte di viaggio
Prenotazione hotel
Prenota vacanze
Accessori palmari
Cerca alberghi
Guide turistiche

versione stampabile Mostra una versione adatta per la stampa  

Livello di difficoltà:Livello di difficoltà: medio  
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.
 

 
 
Home > dhtml > teoria > 2000 > luglio > ...   © 1999-2017 Risorse.net, tutti i diritti riservati