Bonjour,
Etant débutant en JS / JQuery , je fais appel à la communauté pour essayer de resoudre mon probleme.
Je créer un petit programme qui va chercher des données dans un fichier JSON et les affiche dans un accordeon (j'ai utilisé Accordion disponible dans JQuery).
Mon but est de changer la bordure d'une image de grise à rouge quand l'utilisateur averti va cliquer dessus et ainsi remettre tous les autres en gris.
Je pensais avoir compris le principe en utilisateur le selecteur jquery correspondant à l'id de mon image avec les méthodes removeClass et addClass mais surprise leurs de l'execution aucun changement n'est opéré (j'ai pris soin de regarder que les IDs étaient bon)
Du code vaut mieu qu'un bon roman , le voici !
La fonction storeDataInArray est une fonction ecrite plus haut qui lis un fichier JSon et stock ces valeurs dans un tableau d'objets!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28 $(document).on('click', "img", function() { var id = $(this).attr('id'); alert('coucou'); StoreDataInArray("donnee.json",function(storageTest){ for (var i=0;i<storageTest.length;i++) { console.log('tab = ' + storageTest[i].img); console.log('id = ' + id ); if(storageTest[i].img == id) { $('#'+id).removeClass('tab'); $('#'+id).addClass('tab_selected'); } else { /* if ($(this).hasClass('tab_selected') == true) { $(this).removeClass('tab_selected'); $(this).addClass('tab'); }*/ } } }); });
cout << " Merci d'avance amis codeur(euse). " << endl;
Cordialement,
Ketaaa
Partager