DHTML

Il DHTML (acronimo dall' inglese Dynamic HTML) , conosciuto anche come HTML Dinamico, è un insieme di tecnologie che permettono di cambiare in modo dinamico la rappresentazione e il contenuto di un documento ed aumentare l'interattività dell'utente sulla pagina.

Non è un vero e proprio linguaggio ma è una sorta di contenitore di script a cavallo tra il Javascript, l'HTML e il CSS. Gli elementi, gli attributi e gli stili del DHTML sono basati sull'HTML esistente e sulle specifiche classiche del W3C.

Le caratteristiche più interessanti di questo linguaggio sono:

stile dinamico
contenuto dinamico
posizionamento e animazioni sugli elementi
filtri e transizioni
download di font non presenti sulla macchina
data binding
accesso facilitato al DOM (Document Object Model)

Stile Dinamico

Tramite il DHTML è possibile fare cambiare lo stile CSS di un oggetto in modo dinamico. Ad esempio

<html>

<head><title>DHTML Test</title>

  <script>function changeAll() { document.getElementById('div1').style.color = 'blue'; }</script>

  </head>

<body>

  <div id="div1" style="color: red;" onmouseover="changeAll()">Benvenuti Nel test di DHTML! Passa sopra a questo testo!</div>

</body>

</html>

Esempio: Mahjongg solitario gioco popolare scritto in DHTML