Mozilla's DOM Sample Project
Questa pagina (en) contiene una lista di esempi di DOM basati sulle varie caratteristiche di DOM stesso. La lista include esempi d'uso del DOM su eventi, sulle funzionalità base, sull'HTML, e molto altro.
Animazione e manipolazione di elementi testuali
- Color Fades (en)
- Text Interlace Effect (en)
- Fade and Spacing (en)
- Animating Text 1 (en) - and 2 (en)
- Scrolling Credits Demo (en) - Richiede Netscape 7.x/Mozilla
Animazioni 3D in tempo reale
Questa dimostazione spiega come usare JavaScript e il DOM per animare dinamicamente un insieme di immagini, al fine di creare un effetto di animazione tridimensionale.
Dimostrazioni del DOM (Necessita browser che supportino DOM 1 e 2)
Stile del DOM: ritaglio e posizionamento di elementi tramite le interfacce JavaScript del DOM
Questa dimostrazione (en) è ottimizzata per funzionare con prodotti Mozilla, in quanto usa immagini PNG con canale alpha. Viene mostrato l'uso delle interfacce DOM per posizionare e ritagliare tramite l'uso di elementi DIV.
Eventi in DOM 1 e DOM 2: Trascinamento e ridimensionamento di elementi con DOM
Questa dimostrazione (en) richiede un web browser che supporti gli eventi di DOM 1 e DOM 2. E' stato testato con Netscape 7.x/Mozilla.
DOM 1 e DOM 2: Manipolare dinamicamente un elemento di una TABLE
Questa dimostrazione (en) richiede un browser che supporti le specifiche DOM 1 e DOM 2, come Netscape 7.x o prodotti Mozilla. Utilizza gli eventi del mouse di DOM 2 per fornire un'interfaccia che possa manipolare dinamicamnete gli elementi di una tavola.
Esempi Cross-Browser
Windowing API: BrainJar's DHTML Window
BrainJar's DHTML Windows (en) è un esempio che mostra come aggiungere una finestra dinamica alle proprie applicazioni DHTML..
Stock Ticker
Stock Ticker fornisce un Object riutilizzabile che può essere adattato per mostrare degli indici azionari scorrevoli in qualsiasi browser che supporti lo standard DOM.
Ulteriori risorse per imparare il DOM
Traversing an HTML Table with JavaScript and DOM Interfaces
Una panoramica (en) sui metodi del DOM 1.0 e su come usarli via JavaScript. Questo documento tecnico mostra i metodi di base che consentono la creazione e la manipolazione dinamica di elementi di markup tramite JavaScript.
DOM Central
Informazioni per comprendere appieno il DOM del W3C.
Visitare GetElementById.com
GetElementById.com (en) ha script DHTML e documenti didattici che usano e spiegano il DOM del W3C. Guardare la dimostrazione Zoom Intro ed altri interessanti script ed esempi DOM.
La categoria W3C DOM in DMoz.Org
Questa categoria contiene note tecniche, documenti didattici, e varie altre risorse correlate con JavaScript ed il DOM del W3C.