DHTML - Δυναμική μορφή αρχείου HTML

Τι είναι ένα αρχείο DHTML;

Ένα αρχείο με επέκταση .dhtml είναι ένα δυναμικό αρχείο HTML που χρησιμοποιείται για τη δημιουργία δυναμικού περιεχομένου μιας ιστοσελίδας. Ένα στοιχείο ιστού που δημιουργείται σε DHTML βασίζεται σε συμβάντα και δεν απαιτεί επαναφόρτωση της σελίδας. Στις περισσότερες περιπτώσεις, ένα αρχείο DHTML χρησιμοποιείται για τη δημιουργία του δυναμικού περιεχομένου μιας ιστοσελίδας, όπως αναπτυσσόμενα μενού, αιωρούμενα επίπεδα, κουμπιά ανατροπής και άλλο δυναμικό περιεχόμενο. Συναντάτε δυναμικά στοιχεία html σχεδόν καθημερινά στη ζωή σας όταν τοποθετείτε το ποντίκι σε ένα στοιχείο μενού και ανοίγει περαιτέρω επιλογές υπομενού. Το DHTML χρησιμοποιεί τεχνολογίες ιστού όπως HTML, Javascript, HTML DOM, HTML Events και CSS για να επιτύχει τη δυναμική συμπεριφορά των στοιχείων.

Μορφή αρχείου DHTML

Τα αρχεία DHTML είναι αρχεία απλού κειμένου που περιέχουν κώδικα DHTML για την υλοποίηση της δυναμικής συμπεριφοράς των στοιχείων Ιστού.

DHTML DOM

Το μοντέλο αντικειμένου εγγράφου DHTML (DOM) βασίζεται στο HTML DOM που είναι μια δομή δέντρου με στοιχεία, χαρακτηριστικά και κείμενο όπως φαίνεται στην παρακάτω εικόνα.

Ο κόμβος «Έγγραφο» μπορεί να χρησιμοποιηθεί για την κλήση πολλών συναρτήσεων για την υλοποίηση διαφορετικής λειτουργικότητας. Το παρακάτω παράδειγμα χρησιμοποιεί απλώς τη μέθοδο document.write() της JavaScript στο DHTML.

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

Αυτός ο κώδικας γράφει το κείμενο “Hello World” για έξοδο στο πρόγραμμα περιήγησης.

Συμβάντα DHTML

Αριθ.	Γεγονός	Συμβάν
1	onabort	Συμβαίνει όταν ο χρήστης διακόπτει τη φόρτωση της σελίδας ή του αρχείου πολυμέσων.
2	onblur	Εμφανίζεται όταν ο χρήστης εγκαταλείπει ένα αντικείμενο HTML.
3	onchange	Συμβαίνει όταν ο χρήστης αλλάζει ή ενημερώνει την τιμή ενός αντικειμένου.
4	onclick	Εμφανίζεται ή ενεργοποιείται όταν κάποιος χρήστης κάνει κλικ σε ένα στοιχείο HTML.
5	ondblclick	Συμβαίνει όταν ο χρήστης κάνει κλικ σε ένα στοιχείο HTML δύο φορές μαζί.
6	onfocus	Συμβαίνει όταν ο χρήστης εστιάζει σε ένα στοιχείο HTML. Αυτό το πρόγραμμα χειρισμού συμβάντων λειτουργεί αντίθετα από το onblur.
7	onkeydown	Ενεργοποιείται όταν ένας χρήστης πατάει ένα πλήκτρο σε μια συσκευή πληκτρολογίου. Αυτός ο χειριστής συμβάντων λειτουργεί για όλα τα κλειδιά.
8	onkeypress	Ενεργοποιείται όταν οι χρήστες πατούν ένα πλήκτρο σε ένα πληκτρολόγιο. Αυτό το πρόγραμμα χειρισμού συμβάντων δεν ενεργοποιείται για όλα τα κλειδιά.
9	onkeyup	Συμβαίνει όταν ένας χρήστης απελευθέρωσε ένα πλήκτρο από ένα πληκτρολόγιο αφού πατήσει ένα αντικείμενο ή ένα στοιχείο.
10	onload	Συμβαίνει όταν ένα αντικείμενο φορτώνεται πλήρως.
11	onmousedown	Συμβαίνει όταν ένας χρήστης πατάει το κουμπί ενός ποντικιού πάνω από ένα στοιχείο HTML.
12	onmousemove	Συμβαίνει όταν ένας χρήστης μετακινεί τον κέρσορα σε ένα αντικείμενο HTML.
13	onmouseover	Συμβαίνει όταν ένας χρήστης μετακινεί τον κέρσορα πάνω από ένα αντικείμενο HTML.
14	onmouseout	Εμφανίζεται ή ενεργοποιείται όταν ο δείκτης του ποντικιού μετακινείται από ένα στοιχείο HTML.
15	onmouseup	Εμφανίζεται ή ενεργοποιείται όταν το κουμπί του ποντικιού απελευθερώνεται πάνω από ένα στοιχείο HTML.
16	onreset	Χρησιμοποιείται από τον χρήστη για την επαναφορά της φόρμας.
17	επιλογή	Εμφανίζεται μετά την επιλογή του περιεχομένου ή του κειμένου σε μια ιστοσελίδα.
18	onsubmit	Ενεργοποιείται όταν ο χρήστης κάνει κλικ σε ένα κουμπί μετά την υποβολή μιας φόρμας.
19	onunload	Ενεργοποιείται όταν ο χρήστης κλείνει μια ιστοσελίδα.

βιβλιογραφικές αναφορές

Dynamic HTML - Wikipedia