Bonjour, aujourd'hui j'ai un gros pépin: je n'arrive pas du tout à générer un click sur un "Map Area"...

Déjà, tout les "Area" sont généré via une boucle et un "after" (je sais pas si on peut mettre autre chose...):

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
function map_area(data) {
    var left = $("." + data).position().left;
    var top = $("." + data).position().top - 90;
    var X1 = 2 + left;
    var Y1 = 17 + top;
    var X2 = 34 + left;
    var Y2 = 1 + top;
    var X3 = 35 + left;
    var Y3 = 1 + top;
    var X4 = 67 + left;
    var Y4 = 17 + top;
    var X5 = 35 + left;
    var Y5 = 33 + top;
    var X6 = 34 + left;
    var Y6 = 33 + top;
    var coords = X1 + "," + Y1 + "," + X2 + "," + Y2 + "," + X3 + "," + Y3 + "," + X4 + "," + Y4 + "," + X5 + "," + Y5 + "," + X6 + "," + Y6;
    $('.MapAreaGenerated').after('<area PodID="' + data + '" shape="poly" onClick="alert()" coords="' + coords + '" data-id="6" href="#' + data + '" alt="oko"  />')
}
Tout est inséré dans une div (vide):

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<map name="Map" id="Map">
    <div class="MapAreaGenerated"></div>
</map>

Maintenant, ce que j'aimerais, c'est récupérer le "PodID" de chacun des area lorsque je clique dessus !
Possible ou pas ??

Merci de votre futur aide ! (Si vous le pouvez )