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.
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'
  });
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.

fonction qui modifie l'attribut des inputs
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;
			});
		});	
	}
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?