Nota Html è un linguaggio piuttosto semplice per pagine web ha purtroppo diverse limitazioni dovute forse al fatto che quando è nato non c'erano certo le esigenze di oggi, poteva quindi andare anche bene. Questi limiti oggi è possibile superarli, almeno in parte, grazie a Java e Javascript. A questo proposito se ne sentono dire molte, alcune sono prive di ogni fondamento, mi riferisco al fatto che possano recare danni alla macchina sulla quale vengono eseguiti. Personalmente non credo sia possibile, non essendo nessuno dei due in grado di scrivere su disco fisso se non a livello di cookie. Le storie che si sentono a proposito di virus e formattazioni varie sono a mio personale e modesto parere solo leggenda, questo almeno ad oggi... Sappiamo infatti con quale rapidità si evolve e si sviluppa questo settore, domani è un altro giorno e tutto potrebbe essere :-)
JavaScript Come dice la parola stessa si tratta di script, da incorporare direttamente insieme al codice Html. Vengono eseguiti come righe di comandi dallo stesso browser che li legge in modo sequenziale, combinati insiema ai fogli di style danno vita al DHTML ( Dynamic HTML). Sono relativamente semplici sia da comprendere che da gestire e danno notevole potenza a tutto il sito ottenendo risultati altrimenti impossibili dal solo codice Html. Lo scopo di questa mia guida non è insegnare javascript ma più semplicemente come integrare questo con html, per questo che mi soffermerò solo su ciò che è in stretta relazione. Vi ricordo che la rete è piena di siti che offrono script già pronti si tratta solo di sapere cosa cercare, prelevare ed inserire poi nelle proprie pagine, vediamo come:
<SCRIPT>...</SCRIPT>
L'elemento <SCRIPT> serve appunto per inserire uno script nella pagina web, questo di solito si compone di due parti, la prima dedicata alle funzioni o al codice vero e proprio ed è posta di norma nella sezione <head>...</head> del documento html; mentre il richiamo a tale codice viene affidato ai gestori di eventi quali il passaggio o il click del mouse su di un link(OnMouseOver e OnClink), l'avvenuto caricamento della pagina (OnLoad) ecc. ecc.
|
<HEAD>
<SCRIPT>
... il codice di scripting
</SCRIPT>
</HEAD>
<BODY>
... il richiamo al codice di scripting
</BODY>
|
Se non specificato diversamente lo script si intende valido per tutti i browser che supportano JavaScript. Negli ultimi tempi le varie evoluzioni dei browser hanno permesso di introdurre nuovi comandi e nuove funzioni anche per questo linguaggio, laddove si facesse uso di particolari script supportati solo da determinate versioni si dovrà specificarlo in modo da evitare che browser obsoleti possano leggere e quindi male interpretare lo script. Per fare questo è sufficiente dichiarare la versione di riferimento e fare magari uso anche di elementi di commento quali <!-- e --> che nascondono lo script ai browser che non lo supportano.
|
<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 dopo SCRIPT language= JavaScript1.1 informa il browser che può leggere lo script solo se supporta la versione 1.1 di javascript o superiore,(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 --> invece servono a nascondere completamente lo script a quei browser che non lo supportano.
Uno script semplice o complesso che possa essere ha bisogno di un determinato evento che lo richiami e lo mandi in esecuzione, solo in questo caso svolgerà la funzione per la quale è stato programmato. Sono molti i gestori di eventi nella attuale versione 1.3 di javascript, mi limiterò ad elencarli dando una breve spiegazione per ognuno di essi, altrimenti dovrei scrivere anche una guida su JavaScript :-)
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 sul pulsante invio di un modulo form. |
onUnload | Avvia uno script quando si abbandona un documento o una pagina web. |
Uno esempio Ancora una volta un piccolo esempio chiarirà meglio tutto quanto. Con i gestori di evento onMouseOver e onMouseOut è possibile cambiare immagine passando sopra un link, provate poi a cliccare sull'immagine stessa. Si tratta solo di banali esempi per meglio rendere l'idea e la potenza degli script:
Andrea Bianchi
Puoi lasciarmi un msg, un suggerimento, una critica.
© Andrea Bianchi 1997-1998-1999-2000