Bouton de couleur
Résolu
Jordi.D
Messages postés
51
Date d'inscription
Statut
Membre
Dernière intervention
-
Jordi.D Messages postés 51 Date d'inscription Statut Membre Dernière intervention -
Jordi.D Messages postés 51 Date d'inscription Statut Membre Dernière intervention -
Hello a tous je sollicite votre aide encore une fois
J'ai un formulaire avec des boutons je voudrais récupérer la couleur des boutons en fonction du click de l'utilisateur " En gros tous mes boutons sont vert pas défaut quand l'utilisateur click il devient rouge une fois que la couleur a été récupére on envoie le formulaire par mail.
J'ai un formulaire avec des boutons je voudrais récupérer la couleur des boutons en fonction du click de l'utilisateur " En gros tous mes boutons sont vert pas défaut quand l'utilisateur click il devient rouge une fois que la couleur a été récupére on envoie le formulaire par mail.
<style>
input[type=button] {
background-color: #00ff00;
}
input[type=button].red-btn {
background-color: #ff0000;
}
</style>
<input type="button" class="button button" id="1" onclick="ch(this)" />
<script type="text/javascript">
function ch(btn) {
if(element.classList.contains("red-btn"){
element.classList.remove("red-btn");
}else{
element.classList.add("red-btn");
}
}
</script>
A voir également:
- Bouton de couleur
- Bouton couleur telecommande - Guide
- Excel cellule couleur si condition texte - Guide
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Bouton reinitialisation pc - Guide
- Somme si couleur - Guide
1 réponse
Bonjour,
Pour envoyer les données en "submit" tu dois forcément utiliser des champs
de type INPUT ou SELECT ou TEXTAREA.
Tu pourrais donc, en javascript, récupérer la couleur de chaque bouton et stocker le resultat dans un input caché "hidden" ou sinon, remplacer tes "button" par des checkboxes (que tu stylise comme des boutons)
Ou sinon... ne pas faire de submit mais utiliser de l'ajax....
Pour envoyer les données en "submit" tu dois forcément utiliser des champs
de type INPUT ou SELECT ou TEXTAREA.
Tu pourrais donc, en javascript, récupérer la couleur de chaque bouton et stocker le resultat dans un input caché "hidden" ou sinon, remplacer tes "button" par des checkboxes (que tu stylise comme des boutons)
Ou sinon... ne pas faire de submit mais utiliser de l'ajax....
Mes boutons sont bien du type "INPUT" Donc il est possible de le faire en javascript "ps je n'est jamais entendu parlé de caché hidden"
Et ajax encore moins
Et comme tu te sers des "value" pour donner un " titre " à tes boutons.. tu ne peux pas y mettre l'information concernant la couleur...(ou, plus exactement, la CLASS )
Perso... je mettrais, avec CHAQUE bouton... un INPUT TYPE CHECKBOX HIDDEN et, lors du clic sur le bouton je cocherai (ou décocherai) la checkbox correspondante en même temps que tu changes la couleur....
Ainsi, lors du SUBMIT de ton formulaire tu serais en mesure de savoir quels boutons sont "cliqués"
Ben c'est donc chose faite.
Et si tu ne sais pas à quoi cela correspond ni comment s'en servir ... google est là....
Et pour changer la couleur quand on clique sur le bouton
function ch(btn ) { var colorBtn = stringRGB2HEX(btn.style.backgroundColor); if(colorBtn == '#ff0000'){ btn.style.backgroundColor = '#00ff00'; }else{ btn.style.backgroundColor = '#ff0000'; } } </script>Pour te faciliter la chose.. pense à mettre des ID à tes checkboxes (un ID unique et différent par checkBox )
// Check document.getElementById("id_de_la_checkbox").checked = true; // Uncheck document.getElementById("id_de_la_checkbox").checked = false;