Changer un fond en javascript
Alplagistge
-
vignemail1 Messages postés 1262 Statut Contributeur -
vignemail1 Messages postés 1262 Statut Contributeur -
Bonjour,
Bonjour,
Petite question pour le javascript.
J'aimerais que lorsque qu'on entre dans une zone de texte, la couleur du background de la case devienne rouge et que lorsque j'en sors, il devienne jaune.
Malheureusement je ne trouve pas.
Un coup de main ne serait pas de refus.
Merci
Bonjour,
Petite question pour le javascript.
J'aimerais que lorsque qu'on entre dans une zone de texte, la couleur du background de la case devienne rouge et que lorsque j'en sors, il devienne jaune.
Malheureusement je ne trouve pas.
Un coup de main ne serait pas de refus.
Merci
A voir également:
- Changer un fond en javascript
- Changer dns - Guide
- Changer clavier qwerty en azerty - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Changer carte graphique - Guide
- Changer extension fichier - Guide
1 réponse
1- Il faut mettre un onmouseover et un onmouseout sur la zone de text (textarea) qui modifie l'attribut style du textarea pour changer background: red; ou background: yellow;
Donc cela donne
et parti script
tu peux aussi passer l'id de la balise comme paramètre si tu veux pouvoir appliquer cela à plusieurs textarea différents.
onmouseover="backover(this);" onmouseout="backout(this);"
et donc
function backover(obj) {
this.setAttribute(....);
}
etc...
Donc cela donne
<textarea id="toto" style="background: #FFFF00;" onmouseover="backover();" onmouseout="backout();"></textarea>
et parti script
<script type="text/javascript">
function backover() {
document.getElementById("toto").setAttribute("style","background: #FF0000;");
}
function backout() {
document.getElementById("toto").setAttribute("style","background: #FFFF00;");
}
</script>
tu peux aussi passer l'id de la balise comme paramètre si tu veux pouvoir appliquer cela à plusieurs textarea différents.
onmouseover="backover(this);" onmouseout="backout(this);"
et donc
function backover(obj) {
this.setAttribute(....);
}
etc...