Fenêtres:Modifier les couleurs Javascript
Un article de WikiTuto.
Sommaire |
Explication
Couleur d'arrière-plan
En HTML, la couleur d'arrière-plan est modifiable grâce à l'attribut bgcolor présent dans la balise <body>. JavaScript vous offre l'opportunité de modifier dynamiquement cette couleur. La propriété document.bgColor contient la valeur actuelle de l'arrière-plan. Ainsi, si on affecte une nouvelle valeur à cette propriété, la couleur d'arrière-plan s'en trouve modifiée.
Les valeurs de couleurs sont soient des noms de couleur en anglais connus et que JavaScript arrive à identifier automatiquement tels que red, blue, orange, black, white, etc. ou des nombres hexadécimaux indiquant la valeur RVB (RGB) de la couleur. Les valeurs RVB sont composées d'un signe dièse (#) suivi de la valeur hexadécimale de rouge, vert et bleu allant de 00 à FF chacun. Ainsi, le vert vaut #00FF00.
JavaScript est sensible à la casse ce qui signifie qu'il faut faire attention de bien mettre un C majuscule lorsqu'on fait appel à la propriété bgColor.
Exemple
<form name="couleur">
<input type="button" onClick="document.bgColor='#D671FF'" value="Arrière-plan violet">
</form>
Couleur du texte
De la même manière il est possible de changer la couleur du texte de la page grâce à la propriété document.fgColor . La couleur d'un lien est définie par document.linkColor, la couleur du lien suivit est document.vlinkColor et la couleur du lien chargé est document.alinkColor.
