4 Creare contenuti per il web - Andrea Giachetti

Creare contenuti per il web: (X)HTML e CSS in dettaglio 93
crea una pagina con scritto “Ciao a tutti” in quanto ordina all'interprete di scrivere sulla pagina
del documento visualizzato dal browser, tale testo. Qui type indica il linguaggio utilizzato per
il programma, che, in genere, è Javascript, ma non lo è necessariamente.
L'interprete Javascript è disponibile nei principali browser, se per caso gli effetti dinamici non
funzionano è possibile però che esso sia disattivato (controllare in tal caso le opzioni del
browser stesso). Per rendere il codice HTML contenente script compatibile con i vecchi
browser che non supportano il linguaggio, è possibile “nascondere” il codice Javascript in un
commento:
end comments to hide scripts
In tal modo se il codice non viene interpretato, non viene neppure scritto il suo testo sulla
pagina, in quanto considerato un commento. Per i browser che non supportano lo scripting, è
anche possibile inserire contenuto alternativo che non viene visualizzato altrimenti:
Il tuo browser non supporta gli script
Scopi principali di questi “script”, sono, come detto, la scrittura dinamica di parti del
documento HTML sulla base di azioni dell'utente, la modifica del layout sulla base di azioni
dell'utente, il controllo e la generazione di messaggi (di conferma, di errore) .
Le modifiche interattive della pagina possono essere realizzate grazie al fatto che i programmi
Javascript possono accedere alle varie parti della pagina e del browser visti come variabili del
programma attraverso un meccanismo detto Document Object Model o Browser Object
Model.
In pratica le parti del documento sono accessibili attraverso una gerarchia di “oggetti” del
linguaggio (un oggetto in programmazione è caratterizzato da valori di dati che possono essere
variati e funzioni caratteristiche che ne definiscono il comportamento).
Tutti gli elementi inclusi nell'HTML sono accessibili dalla radice “document”. Gli altri oggetti
nella finestra del browser sono accessibili a partire dalla radice “window”. Così se, per esempio,
si vuole scrivere qualcosa sulla pagina, si può, come nell'esempio precedente, utilizzare la
funzione write dell'oggetto document. Il tutto si scrive, nella sintassi di Javascript nel seguente
modo: document.write("ciao!").
Il linguaggio mette a disposizione poi molte funzioni che permettono di agire sugli oggetti della
pagina. Alcune di esse permettono, come i selettori delle regole CSS, di selezionare l'elemento
della pagina desiderato su cui applicare le modifiche. Ad esempio la riga di programma:
document.getElementById('testo').value='ciao'
seleziona dalla pagina HTML l'elemento con id=”testo” e assegna il valore ciao. Quindi, se
nella pagina ci fosse, ad esempio la seguente sezione:
Pippo