Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1332 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  "Bouton à cocher" ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

"Bouton à cocher" ?

n°2069499
Gulien
Times are gone for honest men
Posté le 12-04-2011 à 16:50:53  profilanswer
 

Salut,  
 
J'aurais besoin de vos lumières :  
 
Je souhaiterais, dans un formulaire mettre des boutons (mettons une 30aine) que l'on pourrait enfoncer (cocher) :  
 
Comme des cases à cocher (donc plusieurs cliquable à la fois) sauf que ce serait des boutons (avec deux images différentes suivant si il est enfoncé ou pas),  
suivant si le bouton est enfoncé ou non ceci renverrait une valeur par le biais du formulaire.
Et j'aimerais limiter le nombre de boutons enfoncés à 4... sur des dizaines de disponibles.  
 
Si possible sans passer par JavaScript. Mais si il n'y a que cette manière alors oui ...
 
 :hello:


---------------
http://www.flickr.com/photos/julcok/
mood
Publicité
Posté le 12-04-2011 à 16:50:53  profilanswer
 

n°2069517
Paulp
~, sweet ~
Posté le 12-04-2011 à 17:14:47  profilanswer
 

C'est impossible en HTML pur, tu seras obligé d'utiliser javascript.
Et ça m'étonnerait qu'il existe quelque chose qui colle à ton besoin, qui est très spécifique ...

n°2069533
Gulien
Times are gone for honest men
Posté le 12-04-2011 à 17:37:07  profilanswer
 

Bon je vais creuser la question en Javascript alors ...
(J'imagine qu'un événement onclick avec un changement d'image à la clef ferait l'affaire , mais JavaScript ce n'est pas mon domaine, va falloir que je m'y mette)


---------------
http://www.flickr.com/photos/julcok/
n°2069546
Paulp
~, sweet ~
Posté le 12-04-2011 à 18:02:00  profilanswer
 

Voici ce que je ferais :
je créerais mes 30 boutons (ou autre élément HTML) avec une classe spécifique (check-button pour l'exemple).
Tu styles correctement ces boutons avec .check-button pour un bouton simple, et .check-button.checked pour un bouton coché
Dans l'exemple, je pars du principe que la valeur à envoyer est dans l'attribut value du bouton, et qu'il y a 4 inputs hidden pour envoyer les valeurs.

 

Et en js (avec jquery)

Code :
  1. $('.check-button').click(function(){
  2.  var $this = $(this);
  3.  var max_checked = 4;
  4.  if($this.hasClass('checked')){
  5.    this.removeClass('checked');
  6.  }else{
  7.    if($('.check-button.checked').length <= 4){
  8.      this.addClass('checked');
  9.    }else{
  10.      // gestion de l'erreur
  11.      alert('4 choix max');
  12.    }
  13.  }
  14.  refreshHiddenInputs();
  15. });
  16.  
  17. function refreshHiddenInputs(){
  18.  var $inputs = $('.checkbuttons-hidden-inputs');
  19.  $inputs.val('');
  20.  $('.check-button.checked').each(function(i,button){
  21.    if(i>=4) alert('oups'); // gestion d'erreurs a faire
  22.    $inputs[i].val($(button).attr('value'));
  23.  });
  24. }


Message édité par Paulp le 13-04-2011 à 10:01:03
n°2069550
Gulien
Times are gone for honest men
Posté le 12-04-2011 à 18:16:51  profilanswer
 

Merci beaucoup :)
je teste ça dès que je peux


---------------
http://www.flickr.com/photos/julcok/

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  "Bouton à cocher" ?

 

Sujets relatifs
bouton play visible à la fin d'une chanson.Changer la couleur d'un bouton JQuery mobile
[Python] Problème position boutonbouton reset qui ne fait pas que reseter ! [résolu]
Pré remplir des cases à cocher, bouton radio etcAccess, bouton case a cocher
Cocher un bouton radio en javascriptproblème case à cocher et bouton radio
Comment cocher certaines cases d'un formulaire avec un bouton ?ACCESS : cocher un bouton d'option par programmation ?
Plus de sujets relatifs à : "Bouton à cocher" ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR