Discussion :

[ketaaa]

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 !

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

La fonction storeDataInArray est une fonction ecrite plus haut qui lis un fichier JSon et stock ces valeurs dans un tableau d'objets!


cout << " Merci d'avance amis codeur(euse). " << endl;

Cordialement,
Ketaaa

[danielhagnoul]

Bonjour

Un code partiel c'est difficile à comprendre, donc à corriger et impossible à tester.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
// pour du code dynamique 
// se baser sur le premier élément du DOM 
// qui est statique et parent du code dynamique
// par défaut on prend "body"
$( "body" ).on( "click", "img", function(){ ... });

[ketaaa]

Désolé de ma réponse tardive , j'étais en deplacement.

J'ai résolu le problème en changeant un attribut id qui ne fonctionnait pas.

Cordialement,
Ketaaaa