Boutons qui changent la couleur d'un div
Résolu/Fermé
sandra
-
13 sept. 2011 à 17:21
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 14 sept. 2011 à 08:34
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 14 sept. 2011 à 08:34
A voir également:
- Boutons qui changent la couleur d'un div
- Excel cellule couleur si condition texte - Guide
- La boite a couleur - Télécharger - Divers Photo & Graphisme
- A quoi servent les boutons de couleur sur une telecommande - Guide
- Somme si couleur - Guide
- Changer la couleur de la barre des taches - Guide
2 réponses
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
846
13 sept. 2011 à 17:29
13 sept. 2011 à 17:29
Hello,
Il te faut utiliser du Javascript en plus du CSS.
En fait il faut que ton div aie un ID, par exemple "monDiv".
Ensuite sur chaque bouton tu vas ajouter un attribut "onClick" qui appel une méthode javascript, par exemple la suivante :
Enfin, sur chaque bouton tu ajoutes :
Tu as suivi ?
Il te faut utiliser du Javascript en plus du CSS.
En fait il faut que ton div aie un ID, par exemple "monDiv".
Ensuite sur chaque bouton tu vas ajouter un attribut "onClick" qui appel une méthode javascript, par exemple la suivante :
function colorerDiv(couleurParam){
document.getElementById("monDiv").style.backgroundColor = couleurParam;
}
Enfin, sur chaque bouton tu ajoutes :
// Bouton bleu
<monbouton onclick="colorerDiv('#0000FF');"/>
etc...
Tu as suivi ?
Oui merci parfait j'ai pu appliquer à mon code :-D
J'avais jamais fait de Javascript mais avec ton exemple j'ai pu mettre deux conditions :
<script type="text/javascript" >
function colorerDiv(couleurParam){
document.getElementById("content").style.backgroundColor = couleurParam;
}
function colorerText(couleurParam){
document.getElementById("content").style.color = couleurParam;
}
</script>
Merci pour le coup de main
J'avais jamais fait de Javascript mais avec ton exemple j'ai pu mettre deux conditions :
<script type="text/javascript" >
function colorerDiv(couleurParam){
document.getElementById("content").style.backgroundColor = couleurParam;
}
function colorerText(couleurParam){
document.getElementById("content").style.color = couleurParam;
}
</script>
Merci pour le coup de main
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
846
14 sept. 2011 à 08:34
14 sept. 2011 à 08:34
Parfait :D
