Τι είναι ένα αρχείο 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 | Ενεργοποιείται όταν ο χρήστης κλείνει μια ιστοσελίδα. |
