Bonjour,
Il me faut déboguer une page web composée d'une grande chekbox où tous les inputs sont représenté par une image qui varie en fonction du fait que l'input est "checked". Nous avons pour cela utiliser le plugin simpleImageCheck (http://jordankasper.com/jquery/imagecheck/) basé sur jquery.
Cela fonctionne très bien mais le problème est que dans certain cas, le fait qu'un bouton soit checké ou non ne provient pas d'un clic humain, mais d'une fonction qui check ou decheck une ligne entière d'input imagé. Nous arrivons bien à changé la propriété des éléments, mais l'image ne sui pas, nous sommes obligé de rafraichir complétement la page pour que le changement d'image se réalise, ce qui n'est tous sauf pratique ni rapide.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 $('#bta0_3').simpleImageCheck({ image: src='../../public/images/relance/x03-eteint.jpg', imageChecked: src='../../public/images/relance/x03-allume.jpg' });
fonction qui modifie l'attribut des inputs
Et ce que quelqu'un connaitrait une solution pour que l’événement soit reconnu par le navigateur (firefox) sous être obligé de tous rafraichir ou de créer une frame pour l'ensemble de checkbox pour avoir a rafraichir qu'une partie de la page?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 if(test.toLowerCase()=="a") { var selection = !document.getElementsByName(test).item(0).checked ; $.getJSON('getListe/a', function(data) { $.each(data, function(val,key) { document.getElementsByName(key).item(0).checked = selection; }); }); }
Partager