Nota:
Html è un linguaggio piuttosto semplice, nella sua semplicità risiedono
purtroppo alcune limitazioni, dovute sicuramente al fatto che quando è
nato non c'erano le molte necessità di oggi. Per colmare queste carenze
si ricorre spesso a linguaggi di scripting da integrare con lo stesso html.
Il più utilizzato è in assoluto JavaScript che non ha nulla in comune con
Java se non la parte iniziale del nome.
- JavaScript
Come dice la parola stessa si tratta di script, ovvero istruzioni che vengono
lette ed eseguite dallo stesso browser di navigazione, il quale le interpreta in modo
sequenziale. Se combinate insieme ai fogli di style
danno vita al Dhtml (Dynamic HTML).
Lo scopo di questa guida non è insegnare JavaScript, più
semplicemente come integrarlo con html. Vi
ricordo che la Rete è piena di siti che offrono script, anche su 100%
ne trovate diversi (Raccolta Script); si tratta
ora di sapere da cosa sono composti, come utilizzarli o come modificarli!
<SCRIPT>...</SCRIPT>
Gli elementi <SCRIPT> </SCRIPT> fanno da contenitore del codice, la loro collocazione
avviene di norma nella sezione <head>...</head> del
documento html. Il richiamo o l'attivazione di questo codice, quando
richiesta, è associata ad un gestore di eventi posto all'interno di <body>...</body>.
Gestori di eventi potrebbero essere il passaggio del mouse su un oggetto (OnMouseOver), il
click del mouse su un link (OnClink), il caricamento di una pagina (OnLoad)
ecc...!
|
<HEAD>
<SCRIPT>
... il codice di scripting
</SCRIPT>
</HEAD>
<BODY>
... il richiamo al codice di scripting
</BODY>
|
Se non specificato
diversamente, gli script sono di norma compatibile con Explorer,
Netscape, Mozilla, Opera ecc... Negli ultimi anni si sono viste diverse e continue
evoluzioni dei browser, queste hanno permesso di introdurre nuovi comandi
e nuove funzioni di scripting.
-----------
|
<HEAD>
<SCRIPT language="JavaScript1.1" type="text/javascript">
<!--
... il codice di scripting qualunque esso sia
-->
</SCRIPT>
</HEAD>
<BODY>
... il richiamo al codice di scripting
</BODY>
|
Nell'esempio sopra la
dichiarazione SCRIPT language= JavaScript1.1 informa il
browser che lo script fa uso di funzioni supportate a partire dalla
versione 1.1 di javascript (attualmente l'ultima versione è la 1.3,
supportata da NS V.4.5 o superiore e IE V 5.0 o superiore). Gli elementi
di commento: <!-- e --> servono
invece a nascondere completamente lo
script a quei browser che non supportano alcune versioni.
GESTORI DI EVENTI
Come abbiamo
detto, uno script semplice o complesso che sia ha bisogno di un
determinato "evento" che lo richiami per poter andare in
esecuzione,
soltanto in quel determinato caso verrà svolta la funzione per la quale è
stato programmato. Sono molti i gestori di eventi nell'attuale versione
1.3 di javascript, mi limiterò ad elencarli dando una breve spiegazione
per ognuno di loro.
Gli eventi e le relative azioni
|
onAbort
|
Avvia uno script quando l'utente
interrompe il caricamento di una immagine |
|
onBlur
|
Avvia uno script quando il
puntatore del mouse esce dalla finestra, dal frame, dal campo di
un form. |
|
onChange
|
Avvia uno script quando il
contenuto di un campo modulo è modificato. |
|
onClik
|
Avvia uno script quando il tasto
del mouse viene premuto. |
|
onError
|
Avvia uno script quando gli
attributi del tag <IMG> generano un errore. |
|
onFocus
|
Avvia uno script quando il
puntatore del mouse entra nella finestra, nel frame, nel campo di
un form. (l'opposto di onBlur). |
|
onLoad
|
Avvia uno script quando la pagina
è stata caricata completamente. |
|
onMouseOut
|
Avvia uno script quando il
puntatore del mouse abbandona il testo o l'immagine associata ad
un link. |
|
onMouseOver
|
Avvia uno script quando il
puntatore del mouse passa sopra al testo o all'immagine associata
ad un link.(l'opposto di onMouseOut). |
|
onReset
|
Avvia uno script quando viene
premuto sul pulsante reset di un modulo form. |
|
onSelect
|
Avvia uno script quando si
seleziona col mouse del testo all'interno di una casella testo di
un form. |
|
onSubmit
|
Avvia uno script quando viene
premuto il pulsante invio di un modulo form. |
|
onUnload
|
Avvia uno script quando si
abbandona un documento o una pagina web. |
|