Bonjour,

J'ai un petit souci avec mon code.

Voici l'idée toute simple !

j'ai une carte, avec des zones définies en< area>.
Lorsque l'on clic sur une zone, s'affiche une fiche par personne liée à cette zone.
Dans l'ensemble, même si je ne doute pas un instant qu'il doit y avoir une meilleure façon de procéder, cela fonctionne pas mal.

S'il n'y a qu'un seul résultat non négatif au test de présence dans le tableau, j'ai bien la fiche correspondante qui s'affiche.

Mais, s'il y a plusieurs résultats non négatifs !
Il y a bien une fiche par personne (deux ou trois) mais toutes compléter avec les donnés du dernier résultat non négatif.
Et je voudrais une fiche par personne ;o)

Voici le code:

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
 
var pro = [
    ['Dupont','Raphaël','1234 56 78','info@dupont.com','www.dupont.com','img/pro/photo-1.jpg',0,1,2,5],
    ['Deschamp','Frédéric','1234 56 78','info@deschamp.com','www.deschamp.com','img/pro/photo-2.jpg',1,2,5],
    ['Lagrange','Michel','1234 56 78','info@lagrange.com','www.lagrange','img/pro/photo-3.jpg',3,4,5],
];
var services = [
    ['oui','oui','oui','oui','oui'],
    ['non','non','non','non','non'],
    ['oui','non','oui','non','oui'],
];
$('.map area').click(function(){
    $('.box-tab').html('');
    var index = $(this).index();
    for (var i=0, c=pro.length; i<c; i++) {     
        if( $.inArray(index , pro[i]) != -1 ){
            $('.box-tab').append('<div class="fiches"><div class="fi-pers"><div class="fi-photo"><img class="portrait" src=""></img></div><div class="fi-info"></div></div><div class="fi-serv"><table class="fi-tab"></table></div></div>');
            $('.portrait').attr('src',pro[i][5]);
            $('.fi-info').html('<ul><li>'+pro[i][0]+'</li><li>'+pro[i][1]+'</li><li>'+pro[i][2]+'</li><li>'+pro[i][3]+'</li><li>'+pro[i][4]+'</li></ul>');
            $('.fi-tab').html('<tr><th>Comportementalisme</th><th>Education</th><th>Ecole des chiots</th><th>Pension éducation</th><th>Pension simple</th></tr>');
            $('.fi-tab').append('<tr><td>'+services[i][0]+'</td><td>'+services[i][1]+'</td><td>'+services[i][2]+'</td><td>'+services[i][3]+'</td><td>'+services[i][4]+'</td></tr>');
        };
    };    
});
Un grand merci