Discussion :

[PrincesseFlora]

Bonjour les gens.

Je vous explique mon problème.
J'ai une page HTML avec un bouton, qui lit un fichier json et affiche les éléments de ce fichier dans mon fichier HTML (fonction gestion_fichier).
Dans les éléments que j'affiche, il y a un bouton qui est affiché avec chaque élément, et quand je clique sur ce bouton, le clic ne marche pas.
Ce dernier bouton est présent X fois, et a le même id

Je ne comprends pas d'où vient le problème.... pourriez vous m'aider?

Merci

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
function gestion_fichier(result) {
 
    $.each(result, function (i, field) {
 
        let code_pays = result[i].alpha2;
        let nom_pays = result[i].nom_fr_fr;
        let alpha3 = result[i].alpha3;
        let url = "flags/" + code_pays.toLowerCase() + '.png';
        let affichage_pays = "<div class = 'aff_infos_pays'><img src =" + url + "><p>Code pays: "
            + code_pays + "</p><p>Nom du pays: " + nom_pays
            + "</p><p><button class='btn btn-primary' id = 'infos_sup' >Infos complémentaires</button></p><div id = 'alpha3'>"
            + alpha3 + "<hr> </div></div>";
 
        $("#affichage").append(affichage_pays);
 
    });
};
 
$("#infos_sup").click(function () {
    console.log("toto");
});

[javatwister]

Bonjour,

Tu as identifié le problème: comment voudrais-tu qu'un même id se rapporte à plusieurs éléments?

[Cincinnatus]

Bonjour,

Pour associer un gestionnaire (onclick) à plusieurs boutons (pour la même action), remplace l'attribut id par un attribut class qui lui peut servir à marquer plusieurs éléments. ça ne sert pas qu'aux feuilles de style CSS.