HTML Dinamico e DOM per gestire effetti grafici dinamici.

La diffusione e l'evoluzione dei linguaggi di script ha reso possibile la creazione di pagine Web interattive e l'inserimento di piccoli effetti grafici dinamici.

Ma la capacità di produrre delle pagine Web in grado di modificare totalmente il loro aspetto e la loro struttura senza interagire con il server HTTP per ricevere nuovi oggetti o un documento HTML aggiornato, è stata raggiunta solo con l'introduzione della tecnologia conosciuta con il nome di Dynamic HTML, o più brevemente DHTML.

In realtà DHTML non esiste come linguaggio in sé. Almeno non nel senso in cui esiste HTML, CSS o uno dei linguaggi di script. Infatti DHTML è il prodotto della convergenza di una serie di tecnologie già esistenti, mediata da un insieme di regole che permettono di usare i fogli di stile e un linguaggio di script al fine di modificare l'aspetto e il contenuto di una pagina Web al verificarsi di un dato evento (ad esempio il click o lo spostamento del mouse, o il passare di un periodo di tempo). Il risultato consiste nella creazione di pagine Web che possono modificarsi senza essere ricaricate dal server: pagine Web dinamiche, appunto.

Le tecnologie alla base di DHTML, per la precisione, sono le seguenti:

* CSS come linguaggio per la specificazione degli stili;
* Javascript o VBscript (ma in teoria se ne possono usare anche altri, purché il browser sia in grado di interpretarli), come linguaggi di script per applicare effetti dinamici alla pagina;
* Il Document Object Model (DOM) che specifica una Application Programming Interface (API) per i documenti HTML e XML.


A dire il vero il cuore di DHTML risiede proprio nel DOM. Esso infatti fornisce una descrizione astratta del documento in termini di oggetti, o meglio, di un albero di oggetti che corrisponde alla struttura logica del documento definita dalla sua codifica HTML o XML: ogni elemento del documento ha una sua rappresentazione come oggetto nel DOM. Per ciascun oggetto il DOM specifica alcune proprietà, che possono essere modificate, al verificarsi di un evento (il passaggio o il click del mouse, lo scattare di un dato orario, etc.) mediante una procedura in un determinato linguaggio, e dei metodi, ovvero delle funzioni che ciascun oggetto può effettuare e che possono essere chiamate nell'ambito di un programma. Le utilizzazioni possibili del DOM non sono limitate a DHTML, anche se esso ne rappresenta al momento l'applicazione più diffusa.

La tecnologia DHTML ha due vantaggi fondamentali rispetto ai tradizionali sistemi di animazione delle pagine Web (quelli, cioè, che si basano su elaborazioni dal lato server, su plug-in o su programmazione mediante Java o ActiveX). In primo luogo permette di ottenere effetti grafici molto complessi e spettacolari in modo assai semplice. In particolare è possibile avere stili dinamici, che cambiano l'aspetto di una pagina, contenuti dinamici, che ne modificano il contenuto, e posizionamento dinamico, che consente di muovere i componenti di una pagina su tre dimensioni (ottenendo, ad esempio, pagine a strati, o effetti di comparsa e scomparsa di blocchi di testo e immagini). In secondo luogo, permette di conseguire tali effetti con una efficienza e una velocità assai superiori. Quando viene scaricata una pagina dinamica il client riceve tutti i dati che la compongono, anche se ne mostra solo una parte; gli effetti dinamici dunque usano dati collocati nella memoria locale o nella cache e non debbono fare chiamate al server per applicare le trasformazioni alla pagina corrente. Inoltre l'elaborazione di istruzioni DHTML è assai meno onerosa dal punto di vista computazionale rispetto alla esecuzione di codice Java o ad altri sistemi basati su plug-in.

Purtroppo a fronte di questi vantaggi DHTML soffre per ora di un grosso limite: le implementazioni di questa tecnologia che sono state proposte da Microsoft e da Netscape sono assai diverse. Così una pagina dinamica che funziona sul browser Netscape non viene letta da Explorer, e viceversa.

In particolare la differenza risiede proprio nella implementazione del DOM, cioè nei metodi e nelle proprietà associate ad ogni elemento del documento che possono essere modificate mediante gli script.

Questa situazione, che ripercorre la storia già vissuta per HTML negli anni passati, dovrebbe tuttavia essere in via di superamento. Infatti il W3C ha avviato un progetto di standardizzazione del DOM che dovrebbe fornire un insieme di specifiche indipendenti da particolari piattaforme o da particolari linguaggi di script per manipolare gli oggetti che compongono un documento HTML o XML. Nel momento in cui scriviamo la prima fase della standardizzazione è terminata con la pubblicazione delle specifiche DOM level 1 (http://www.w3.org/DOM), che tuttavia ancora non hanno coperto tutti gli aspetti necessari a stabilizzare le implementazioni di DHTML.