Boutons qui changent la couleur d'un div
Résolu/Fermé
sandra
-
13 sept. 2011 à 17:21
Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 14 sept. 2011 à 08:34
Mihawk Messages postés 4313 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
- Somme si couleur - Guide
- La boite a couleur - Télécharger - Divers Photo & Graphisme
- Excel couleur conditionnelle - Guide
- Changer la couleur de la barre des taches - Guide
- Code couleur transparent - Forum Webmastering
2 réponses
Mihawk
Messages postés
4313
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
845
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
4313
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
845
14 sept. 2011 à 08:34
14 sept. 2011 à 08:34
Parfait :D