DHTML CSS

DHTML ist EINE NICHT scripting Sprache wie Javascript, aber einfach eine Datenbanksuchroutineeigenschaft oder Verbesserung, die deiner Datenbanksuchroutine die Fähigkeit gibt, dynamisch zu sein. Was wirklich erlernen möchten ist nicht DHTML selbst aber eher, die Syntax benötigt, um DHTML zu verwenden. Es ist die Fähigkeit der Datenbanksuchroutine, die Art einer Webseite zu ändern und um die Seite sich zu kümmern hat geladen.

Here's a simple demonstration. the text below change color when the mouse moves over it:

Move your mouse here

The code looks like:

Move your mouse here

Um diesen Effekt zu erhalten, erhielt ich zuerst von Identifikation des Elements Zutritt. Dann durch den Artgegenstand und schließlich die Eigenschaft Farbe der Art. Alle Arteigenschaften sind Lese-Schreib und werden in einer ähnlichen Weise erreicht: Element id->style object->property Name.

DHTML schließt CSS und Javascript ein

Mittels des Javascript ist DHTML das Ändern der Arterklärungen eines HTML Elements. Zum Beispiel wenn du einen Punkt mit einem bestimmten Text hast, definierte Farbe vorbei

p {color: #cc0000;}

du kannst etwas wie tun

element.style.color = '#00cc00';

sobald diese Spitze des Indexes durchgeführt wird, ändert die Textfarbe von Rotem zum Grün.

Leider wird diese einfache Spitze von DHTML nicht von Netscape 4 gestützt. Tatsächlich stützt Netscape 4 nur das Bewegen der Elemente über der Seite und das Bilden sie unsichtbare (und einige andere Sachen, aber diese sind das wichtigste) und sichtbar. So geben wir einem Element eine Position auf der Seite:

div {position: absolute;
top: 20px;
left: 0px;}

und sein links dann ändern:

element.style.left = 200;

Jetzt bewegt Element magisch auf 200 Pixel vom linken Seitenrand der Seite.

Die Arteigenschaft

So im Allgemeinen, gehst du zuerst zum HTML Element im Internet Explorer, das du wie beeinflussen möchtest:-

document.all['tobechanged'].style.left = 200;

die Arterklärungen dann ändern:

element.style.styleDeclaration

Wenn du Farbe ändern möchtest, ist styleDeclaration Farbe, wenn du das links ändern möchtest, es wird verlassen. Wenn du eine Arterklärung mit einem Schlag in ihm ändern möchtest, entfernen zum Beispiel Zindex, den Schlag und bilden den ersten Buchstaben nach dem Schlag ein Kapital: zIndex. Selben für Seitenrand-linkes => marginLeft.

Merken, daß die Arteigenschaft die Inline-Arten des Elements reflektiert. Dieses ist wichtig, wenn du die Arten des Elements auslesen möchtest. Wenn du versuchst, die Farbe des Punkts auszulesen:

p#testP {color: #cc0000;}

This is the paragraph.

alert([testP].style.color);

du erhältst einen leeren Alarm. Dieses ist, weil das P nicht (noch) haben eine Inline-Farbe Art. Die Art, die durch p#testP definiert wird, ist nicht durch die Arteigenschaft lesbar.
Du definierst deine Arten inline, es adaequat bist

This is the paragraph.

alert([testP].style.color);

Netscape 4

Die .style Eigenschaft wird in allen Datenbanksuchroutinen, außer Netscape 4 angefordert

Das korrekte Element

Die Art eines bestimmten HTML Elements so zu ändern ist nicht schwierig, außer daß viele Sachen arbeiten nicht in Netscape 4. Jedoch mußt du der Datenbanksuchroutine erklären, welches auch HTML Element du beeinflussen möchtest. Um dies zu tun, mußt du es durch sein korrektes Element Identifikation hervorrufen

[content of div]

und den DHTML Index schreiben, um um diese Identifikation zu ersuchen:

[element with ID=tobechanged].style.left = 200;

Es gibt zwei Probleme hier. ist zuerst die korrekte Definition einer Schicht in Netscape 4 und ist an zweiter Stelle die Unterschiede bezüglich DOM (Dokument-Gegenstand-Modell) zwischen den verschiedenen Datenbanksuchroutinen.

Schichten in Netscape 4

Wenn du die Art eines Elements in Netscape 4 ändern möchtest, muß dieses Element eine Position Erklärung im Artblatt haben. Wenn du ihm eine Position nicht gibst, erkennt Netscape 4 einfach das Element nicht als Schicht und wirft herauf Fehlermeldungen.

Z.B.:

div#tobechanged {position: absolute;
top: 20px;
left: 0px;}

Jetzt " tobechanged " die Div. mit ID= hat eine Position und Netscape 4 erkennt sie als Schicht. Du kannst Position auch verwenden: relativ. Dies heißt, daß das Element durch den natürlichen Fluß der Seite in Position gebracht wird, aber ist nichtsdestoweniger zum DHTML Einfluß geöffnet.

So mach's gut, um deinen Schichten eine Position zu geben.