Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage JavaScript Changer dynamiquement couleur de fond textarea

Changer dynamiquement couleur de fond textarea

3 réponses
Avatar
Yohan
Comment le faire ?

Le champ en question a pour identifiant 'description' et est de type
"textarea".

J'ai essayé des trucs du genre :

1)
<input type="button"
onclick="document.getElementById('description').style.color = 'ff0000';" >
=> change la couleur du texte, mais moi je veux changer la couleur du
fond...

2)
<input type="button"
onclick="document.getElementById('description').style.background-color =
'ff0000';" >
=> marche pas...

3)
<input type="button"
onclick="document.getElementById('description').style.bgColor = 'ff0000';"
>
=> marche pas...

4)
<input type="button"
onclick="document.getElementById('description').setStyle('background-color','ff0000';"
>
=> marche pas...

Une piste ?

Merci.
Signaler un problème avec ce contenu

3 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
ASM

2)
<input type="button"
onclick="document.getElementById('description').style.background-color > 'ff0000';" >
=> marche pas...


mais si presque !

c'est : backgroundColor

trucbidule.style.backgroundColor='#ff0';

ou direct : background

onclick="document.getElementById('description').style.background='yellow';


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

Avatar
Yohan
Merci.

"ASM" a écrit dans le message de news:


2)
<input type="button"
onclick="document.getElementById('description').style.background-color >> 'ff0000';" >
=> marche pas...


mais si presque !

c'est : backgroundColor

trucbidule.style.backgroundColor='#ff0';

ou direct : background


onclick="document.getElementById('description').style.background='yellow';


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************



Avatar
Thibault TAILLANDIER
Salut,

Sinon, tu as toujours la possibilité de faire
document.getElementById('description').className('tutu');
et dans ton style.css tu créé une classe :
.tutu {
background-color: #ff0000;
}
Ca permet, malgré l'insertion du javascript, de garder toute la
présentation dans les feuilles de style.
Bye
--
Thibault