Discussion :

[rogerlette]

Bonjour à tous,


J'ai trouvé ce code qui fait exactement ce que je veux faire :
http://bl.ocks.org/tristen/34691e93026d1de2d937

Mais il a naturellement un petit problème Lorsque l'on clique sur un marqueur rouge, un popup s'ouvre, dans lequel il y a deux onglets, si l'on clique sur l'onglet 2, le contenu de l'onglet 2 s'affiche, mais impossible de re-cliquer sur l'onglet 1 et de voir le contenu de l'onglet 1 de nouveau...?

Débutant en javascript je m'arrache les cheveux à essayer de corriger ce problème sans succès.
Merci d'avance pour votre aide et éventuellement l'explication du fonctionnement de ce code à ce niveau là.

Roman M.

[NoSmoking]

Bonjour,
dans le code généré on note une erreur sur le name des radio button de tes onglets
il te faut au final obtenir

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div style="width: 241px;" class="leaflet-popup-content">
    <div class="tabs">
        <div class="tab">
            <input id="tab-1" name="tab-group-1" checked="" type="radio">
            <label for="tab-1">Tab One</label>
            <div class="content">Marker two</div>
        </div>
        <div class="tab">
            <input id="tab-2" name="tab-group-1" type="radio">
            <label for="tab-2">Tab Two</label>
            <div class="content">So does this one!</div>
        </div>
    </div>
</div>

Je pense qu'il serait bon de le signaler à l'auteur.