a cura di Barbara Secchi
Con il termine SCRIPT si indica un testo costituito da istruzioni di un linguaggio di
programmazione.
JAVASCRIPT è un linguaggio di manipolazione oggetti ideato proprio per creare scripts;
la sua struttura deriva dal linguaggio di programmazione Java.
Le istruzioni Javascript vengono interpretate dal browser (Attenzione perchè le vecchie versioni non le riconoscono!)
e possono essere memorizzate:
Gli script Javascript sono principalmente formati da "function" che vengono eseguite quando si verificano determinati eventi.
N. 1) VISUALIZZA TRE MESSAGGI
Codice Javascript da inserire nella pagina Html:
<script language="javascript">
<!-- nascondi lo script ai vecchi browser
function Messaggio() {
window.alert("Ciao!");
}
function Conferma() {
window.confirm("Vuoi continuare?");
}
function Domanda() {
window.prompt("Come stai?");
}
// Fine del testo nascosto -->
</script>
<P>
<A HREF="javascript:Messaggio()">Clicca qui</A>
<BR><BR><INPUT TYPE="submit" VALUE="Premi qui" Onclick="Conferma()">
<BR><BR><A HREF="" Onmouseover="Domanda()">Passa col mouse...</A>
Osservazioni generali:
Quando lo script contiene delle "function" è buona norma inserirlo nella sezione <HEAD> della pagina; ciò
permette di informare subito l'interprete Html, prima della visualizzazione della pagina.
Le istruzioni che permettono l'esecuzione dello script vanno chiaramente inserite nella sezione <BODY>
nel punto in cui si prevede tale esecuzione.
Ci sono vecchie versioni di browser che non riconoscono Javascript e quindi per evitare errori
si può ricorrere all'espediente di nascondere lo script fra i simboli di commento del linguaggio
Html (<!-- Commento -->): in questo modo se il tag <Script> viene riconosciuto, verrà
interpellato l'interprete Javascript e i tag di commento Html ignorati, se invece il tag <Script> non
viene riconosciuto, non verrà generato alcun errore perchè il codice Javascript è racchiuso fra i tags
di commento.
Per scrivere un commento Javascript deve essere utilizzata la combinazione "//".
Chiarimenti sullo script:
La Function Messaggio() creata dall'utente contiene una istruzione che letteralmente
significa: visualizza il messaggio (metodo "alert") "Ciao!" nella finestra del browser (oggetto "window").
Le altre due analoghe funzioni visualizzano messaggi di tipo diverso (vedi esempio pratico).
Le funzioni vengono eseguite in tre modi diversi:
nel primo esempio, la funzione figura come destinazione del tag <A HREF>;
nel secondo caso, la funzione viene richiamata al verificarsi dell'evento "onclick" (click del mouse) associato ad
un pulsante "submit";
nel terzo caso, la funzione è sempre associata al tag <A HREF> ma non come destinazione
(che risulta essere fittizia) bensì all'evento "onmouseover" (passaggio del mouse) sull'elemento
cliccabile.
Esempio pratico:
N. 2) VISUALIZZA DATA ULTIMA MODIFICA
Codice Javascript da inserire nella pagina Html:
<P>Ultima modifica:
<script language="JavaScript">
dat=document.lastModified;
document.write(dat.substr(3,2)+"/"+dat.substr(0,2)+"/"+dat.substr(6,4));
</script>
Osservazioni generali:
Non ci sono eventi a cui associare l'esecuzione dello script; esso viene eseguito quando
viene rilevato dall'interprete Html.
"write" è un metodo che permette di scrivere sulla pagina html visualizzata.
La funzione predefinita "substr" permette di estrarre una sottostringa da una stringa principale.
Chiarimenti sullo script:
"dat" è una variabile alla quale viene assegnato il valore della proprietà "lastmodified" dell'oggetto "document".
Esempio pratico:
Ultima modifica:
N. 3) VISUALIZZA ORA LOCALE
Codice Javascript da inserire nella pagina Html:
<script language="JavaScript">
function OraCorrente() {
dataora=new Date();
document.Orario.Ora.value=(dataora.getHours()+":"+dataora.getMinutes()+":"+dataora.getSeconds());
window.setTimeout("OraCorrente()",1000);
}
</script>
<P>
<INPUT TYPE="submit" VALUE="Vedi orario" onclick="OraCorrente()">
<FORM NAME="Orario">
<INPUT NAME="Ora" SIZE=10>
Osservazioni generali:
L'utente può creare propri oggetti utilizzando l'istruzione "new".
Il simbolo "+" serve per concatenare più stringhe fra loro.
Chiarimenti sullo script:
"dataora" è un oggetto di tipo "date" definito dall'utente; più precisamente si dice che è una istanza della classe "date".
"document" è un oggetto generico che individua la pagina html visualizzata; "orario" è il nome
assegnato all'oggetto form; "ora" è il nome assegnato all'oggetto "text".
"value" è la proprietà che permette di assegnare un valore ad un oggetto.
"GetHours", "GetMinuts" ... sono metodi associati all'oggetto "dataora" e servono rispettivamente
per ottenere ore, minuti ...
"setTimeout" è un metodo dell'oggetto window che consente di richiamare una funzione dopo un periodo
di tempo espresso in millisecondi.
Esempio pratico: