DHTML – Format de fișier HTML dinamic

Ce este un fișier DHTML?

Un fișier cu extensia .dhtml este un fișier dinamic HTML care este utilizat pentru a crea conținut dinamic al unei pagini web. Un element web creat în DHTML este determinat de evenimente și nu necesită reîncărcarea paginii. În majoritatea cazurilor, un fișier DHTML este utilizat pentru a crea conținutul dinamic al unei pagini web, cum ar fi meniuri derulante, straturi plutitoare, butoane de rulare și alt conținut dinamic. Întâlnești elemente html dinamice aproape zilnic în viața ta atunci când treci cu mouse-ul pe un element de meniu și se deschide alte opțiuni de submeniu. DHTML folosește tehnologii web precum HTML, Javascript, HTML DOM, HTML Events și CSS pentru a obține dinamica comportamentul elementelor.

Format de fișier DHTML

Fișierele DHTML sunt fișiere text simplu care conțin cod DHTML pentru a implementa comportamentul dinamic al elementelor web.

DHTML DOM

Modelul de obiect de document DHTML (DOM) se bazează pe DOM HTML care este o structură arborescentă cu elemente, atribute și text, așa cum se arată în imaginea următoare.

Nodul „Document” poate fi folosit pentru a apela mai multe funcții pentru a implementa diferite funcționalități. Următorul exemplu folosește pur și simplu metoda document.write() a JavaScript în DHTML.

<HTML>  
<head>  
<title>  
Method of a JavaScript  
</title>  
</head>  
<body>  
<script type="text/javascript">  
document.write("Hello World");  
</script>  
</body>  
</html>

Acest cod scrie textul „Hello World” pentru a fi afișat în browser.

Evenimente DHTML

S.Nr.	Eveniment	Aparitie
1	onabort	Apare atunci când utilizatorul renunță la încărcarea paginii sau a fișierului media.
2	onblur	Apare atunci când utilizatorul părăsește un obiect HTML.
3	onchange	Apare atunci când utilizatorul modifică sau actualizează valoarea unui obiect.
4	onclick	Apare sau se declanșează atunci când orice utilizator face clic pe un element HTML.
5	ondblclick	Apare atunci când utilizatorul face clic pe un element HTML de două ori împreună.
6	onfocus	Apare atunci când utilizatorul se concentrează pe un element HTML. Acest handler de evenimente funcționează opus cu onblur.
7	onkeydown	Se declanșează atunci când un utilizator apasă o tastă de pe un dispozitiv cu tastatură. Acest handler de evenimente funcționează pentru toate cheile.
8	onkeypress	Se declanșează atunci când utilizatorii apasă o tastă de pe o tastatură. Acest handler de evenimente nu este declanșat pentru toate cheile.
9	onkeyup	Apare atunci când un utilizator a eliberat o tastă de pe o tastatură după ce a apăsat pe un obiect sau element.
10	onload	Apare atunci când un obiect este complet încărcat.
11	onmousedown	Apare atunci când un utilizator apasă butonul mouse-ului peste un element HTML.
12	onmousemove	Apare atunci când un utilizator mută cursorul pe un obiect HTML.
13	onmouseover	Apare atunci când un utilizator mută cursorul peste un obiect HTML.
14	onmouseout	Apare sau se declanșează atunci când indicatorul mouse-ului este mutat dintr-un element HTML.
15	onmouseup	Apare sau se declanșează atunci când butonul mouse-ului este eliberat peste un element HTML.
16	onreset	Este folosit de utilizator pentru a reseta formularul.
17	onselect	Apare după selectarea conținutului sau textului pe o pagină web.
18	onsubmit	Se declanșează atunci când utilizatorul face clic pe un buton după trimiterea unui formular.
19	onunload	Se declanșează atunci când utilizatorul închide o pagină web.

Referințe

HTML dinamic - Wikipedia