DHTML (DynamicHTML) je kombinacija nekoliko web tehnologija, od kojih su ključne Cascading Style Sheets (CSS), DOM (Document Object Model, tj. model objekata dokumenta) i skriptovanje na strani klijenta (uglavnom - JavaScript ). Puno stvari koje su ranije bile mogucć samo uz pomoć Java apleta ili pomocnih programa sada se mogu uraditi sa DHTML-om, a pri tom se izbegava dugo učitavanje apleta ili pomoćnih programa (uz to, lakše je savladati DHTML nego Javu). Jedan primer kako se moe upotrebiti DHTML vidite gore u naslovu, a ispod moete da vidite primer kalkulatora uradjenog sa DHTML-om. Ovaj "pink" kalkulator je isti kao i ovaj na ovoj stranici, ali je ovde pri izradi korišćen i CSS. Boje, veličina i izgled se lako mogu menjati i prilagodjavati.
da bi videli kod za gornji digitron (kliknite opet na isto da bi kod opet uklonili).
Za pozicioniranje digitrona na stranici dodajte odgovarajuće atribute.
Pomeranje elemenata na stranici (IE): Uz korišćenje miša možete pomerati razne elemente na svojoj stranici: slike, tabele, tekst itd. Sve što treba uraditi jeste da dodate atribut class=sf tagu čiji sadržaj želite da bude pomerljiv. Primer vidite ispod:
Ovaj tekst može da se pomera, dok ovaj ne može.
Kliknite ovde da bi videli kod za pomeranje elemenata:
<head>
<style>
.sf{position:relative;cursor:hand;color:black}
</style>
<script>
var vuci=false;var a,x,y
function pomeri(){
if (event.button= =1&&vuci){
a.style.pixelLeft=p1+event.clientX-x
a.style.pixelTop=p2+event.clientY-y
return false}}
function gj(){
if (event.srcElement.className= ="sf"){
vuci=true;a=event.srcElement
p1=a.style.pixelLeft
p2=a.style.pixelTop
x=event.clientX;y=event.clientY
document.onmousemove=pomeri}}
document.onmousedown=gj
document.onmouseup=new Function("vuci=false")
</script></head> Primer dodavanja atributa class odgovarajućem tagu:
<img src="slika.jpg" class=sf>
ili za tekst <span class=sf>Tekst za pomeranje</span>