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 |
|
|
Le CSS est employé pour dénommer des éléments de HTML tels que poser et placer le contenu.
|
le wheather u doivent apprendre une autre langue ?
|
DHTML n'est pas une langue scripting comme le Javascript, mais simplement un dispositif de navigateur, ou le perfectionnement, qui donne à votre navigateur la capacité d'être dynamique. Ce qui veulent vraiment apprendre ne sont pas DHTML lui-même mais plutôt, la syntaxe requise pour employer DHTML. C'est la capacité du navigateur de changer le modèle d'une page Web et s'occuper de la page a chargé.
|
Voici une démonstration simple. le texte au-dessous de la couleur de changement quand la souris se déplace au-dessus de lui : Déplacer votre souris ici
Le code regarde le goût :
|
<span id="sometext"
onMouseover="sometext.style.color='red'"
onMouseout="sometext.style.color='black'">Move your mouse here</span>
|
Afin d'obtenir cet effet, j'ai accédé la première fois de l'identification de l'élément. Puis, par l'objet de modèle, et finalement la propriété de couleur du modèle. Toutes les propriétés de modèle sont lecture/écriture, et sont accédées d'une façon semblable : nom d'object->property d'id->style d'élément.
|
DHTML inclut le CSS et le Javascript
|
Au moyen de Javascript, DHTML est changer des déclarations de modèle d'un élément de HTML. Par exemple, si vous avez un paragraphe avec un certain texte, la couleur a défini près
|
vous pouvez faire quelque chose comme
|
element.style.color = '#00cc00';
|
dès que ce morceau de manuscrit sera exécuté la couleur des textes change de rouge en le vert.
Malheureusement ce peu simple de DHTML n'est pas soutenu par Netscape 4. En fait, Netscape 4 soutient seulement se déplacer des éléments à travers la page et les rendre choses invisibles (et quelques autres, mais ce sont les plus importants) et évidents. Ainsi nous donnons à un élément une position sur la page :
|
div {position: absolute;
top: 20px;
left: 0px;}
|
et changer alors sa gauche :
|
element.style.left = 200;
|
Maintenant l'élément se déplace comme par magie à 200 Pixel de la marge gauche de la page.
|
Tellement généralement, vous allez d'abord à l'élément de HTML dans l'Internet Explorer que vous voulez influencer comme : -
|
document.all['tobechanged'].style.left = 200;
|
changer alors les déclarations de modèle :
|
element.style.styleDeclaration
|
Si vous voulez changer la couleur, le styleDeclaration est couleur, si vous voulez changer la gauche, il est parti. Si vous voulez changer une déclaration de modèle avec un tiret dans lui, par exemple le z-index, enlèvent le tiret et font à la première lettre après le tiret un capital : zIndex. Mêmes pour le marginLeft marge-gauche de =>.
Noter que la propriété de modèle reflète les modèles intégrés de l'élément. C'est important si vous voulez donner lecture les modèles de l'élément. Si vous essayez de donner lecture la couleur du paragraphe :
|
p#testP {color: #cc0000;}
<p id="testP">This is the paragraph.</p>
alert([testP].style.color);
|
vous obtenez une alerte vide. C'est parce que le P pas (encore) ont un modèle intégré de couleur. Le modèle défini par le p#testP n'est pas lisible par la propriété de modèle. Vous définissez vos modèles en ligne, il travaille très bien
|
<p style="color: #cc0000">This is the paragraph.</p>
alert([testP].style.color);
|
Netscape 4
|
La propriété de .style est exigée dans tous les navigateurs, excepté Netscape 4
|
L'élément correct
|
Changer ainsi le modèle d'un certain élément de HTML n'est pas difficile, sauf que beaucoup de choses ne fonctionneront pas dans Netscape 4. Cependant, vous devez également dire au navigateur quel élément de HTML vous voulez influencer. Pour faire ceci, vous devez l'appeler par son identification correcte d'élément
|
et écrire le manuscrit de DHTML pour inviter cette identification :
|
[element with ID=tobechanged].style.left = 200;
|
Il y a deux problèmes ici. est d'abord la définition appropriée d'une couche dans Netscape 4, et est en second lieu les différences dans DOM (modèle d'objet de document) entre les divers navigateurs.
|
Couches dans Netscape 4
|
Si vous voulez changer le modèle d'un élément dans Netscape 4, cet élément doit avoir une déclaration de position dans la feuille de modèle. Si vous ne lui donnez pas une position, Netscape 4 simplement n'identifie pas l'élément comme couche et ne le jette pas vers le haut des messages d'erreur.
Par exemple :
|
div#tobechanged {position: absolute;
top: 20px;
left: 0px;}
|
Maintenant la division avec ID= " tobechanged " a une position et Netscape 4 l'identifie comme couche. Vous pouvez également employer la position : relatif. Ceci signifie que l'élément est placé par l'écoulement normal de la page, mais est néanmoins ouvert d'influence de DHTML.
Faire ainsi attention pour donner à vos couches une position.
|
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 |
|
|