Boutons qui changent la couleur d'un div
Résolu
sandra
-
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
j'ai crée 3 boutons (blanc, gris et noir) qui sont donc des liens. Je souhaiterai que lorsque je clique sur l'un d'eux, un div plus bas change de couleur de fond (en blanc, noir, etc.)
Pensez-vous que c'est possible de le faire en CSS ou faut-il un autre langage ? Après des recherches je ne vois pas comment faire.
Merci d'avance pour votre aide
j'ai crée 3 boutons (blanc, gris et noir) qui sont donc des liens. Je souhaiterai que lorsque je clique sur l'un d'eux, un div plus bas change de couleur de fond (en blanc, noir, etc.)
Pensez-vous que c'est possible de le faire en CSS ou faut-il un autre langage ? Après des recherches je ne vois pas comment faire.
Merci d'avance pour votre aide
A voir également:
- Boutons qui changent la couleur d'un div
- A quoi servent les boutons de couleur sur une telecommande - Guide
- La boite a couleur - Télécharger - Divers Photo & Graphisme
- Excel cellule couleur si condition texte - Guide
- Comment réinitialiser un téléphone avec les boutons - Guide
- Somme si couleur - Guide
2 réponses
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
