Discussion :

[Hymogene]

Bonjour,

Assez débutante en JS, je suis bloqué pour ce qui est de filtrer mes catégories avec des cases à cocher. J'ai essayé la démo sur le site avec Cluster mais rien de fonctionne quelqu'un peut me donner une piste???

Voici mon code JS :

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
    <script type="text/javascript">
 
      $(function(){
 
        $('#test1').gmap3({
          map:{
            options:{
              center:[54, -72],
              zoom: 5
            }
          },
 
 
          marker:{
            values:[	{latLng:[46.4125163, -72.57183750000002], data:"<span class=p33><strong>Entre Deux Eaux</strong><br/>730, rue Dosithé Bourrassa<br/>Trois-Rivières, Quebec&nbsp;&nbsp;G8T 1C3<p><p><span class=p33>Téléphone : 819 374-5307<br/>Télécopieur : </span><p><em>Voir la fiche complète</em></span>", id:"17", options:{icon: "images/icons/qsn/iconloc5.jpg"}},
 
 
{latLng:[45.1211111, -72.9874466], data:"<span class=p33><strong>Club de la Landroche</strong><br/>25, Charles-Gérald Lemire<br/>Bedford, Quebec&nbsp;&nbsp;J0G 1A0<p><p><span class=p33>Téléphone : <br/>Télécopieur : </span><p><em>Voir la fiche complète</em></span>", id:"1", options:{icon: "images/icons/qsn/icon18.jpg"}},
 
],
            options:{
              draggable: false
            },
 
// Debut des options Info-bulle
            events:{
              click: function(marker, event, context){
                var map = $(this).gmap3("get"),
                  infowindow = $(this).gmap3({get:{name:"infowindow"}});
                if (infowindow){
                  infowindow.open(map, marker);
                  infowindow.setContent(context.data);
                } else {
                  $(this).gmap3({
                    infowindow:{
                      anchor:marker, 
                      options:{content: context.data}
                    }
                  });
                }
              },
            }
// Fin de l'infobulle	
}		
 
 
          }
        });
 
      });
    </script>

Et mon html

Code html :

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

1
2
3
4
5
6
7
8
        <input type="checkbox" name="1" id="1" value="1" checked />
        Rampes de mise à l'eau <br />
          <input type="checkbox" name="2" id="2" value="2" checked />
    Descentes pour embarcation légère <br />
          <input type="checkbox" name="3" id="3" value="3" checked />
        Marinas, Clubs de voile, Clubs nautiques et Ports <br />
 
    <div id="test1" class="gmap3"></div>

[Bovino]

Dans un premier temps, merci de lire Important : Les règles incontournables d'utilisation de ce forum.

Le code tel que tu le présentes donne tout sauf envie de le lire !
Sur les forums JavaScript, le code PHP n'a aucun intérêt puisque le JavaScript ne s'applique qu'au HTML généré.
D'autre part, poster l'ensemble de ta page n'est pas utile non plus, ça alourdi le tout de choses qui n'ont pas d'intérêt.

Merci donc de poster les portions de code utiles en séparant le JavaScript du HTML.

[Hymogene]

Désolée

Comme ça c'est mieux?