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 |
|
|