HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
CSS wird style HTML Elemente wie Überlagern und Positionierung des Inhalts verwendet.
|
wheather u müssen eine andere Sprache erlernen?
|
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:
|
<span id="sometext"
onMouseover="sometext.style.color='red'"
onMouseout="sometext.style.color='black'">Move your mouse here</span>
|
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
|
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.
|
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;}
<p id="testP">This is the paragraph.</p>
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
|
<p style="color: #cc0000">This is the paragraph.</p>
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
|
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.
|
Keywordsnetscape 4 download, netscape communicator, netscape 4 downloads,
netscape 4 mozilla
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|