Actualiser une Div qui contient du JS

**TomZzy** · 03/04/2014, 22h39

Bonjour tout le monde,

Voila je doit afficher une carte (a l'aide de l'API Google ) et y implanter des marqueurs. Les marqueurs devront ce mettre a jour toutes les 10 sec.

Mais voila ou je bloque je n'arrive pas a actualiser que les marqueurs ! je n'arrive a actualiser que toute la carte mais ca plante au bout d'un temps ... et je ne sais pas si c'est "correcte" et propre ce que je fais.

Voila mon 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
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
52
53
54
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
    <script src="jquery.js"></script>
</head>
<body>
    <script type="text/javascript">
var auto_refresh = setInterval(function (){
    $('#marker').load('2.php').fadeIn("slow");
}, 2000); // rafraichis toutes les 10000 millisecondes
    </script>
    <div id="map" style="width: 600px; height: 550px;">
        <div id="marker" >
            <script>
var locations = 	[
    [ '',49.898729,3.13606, 5],
    [ '',50.684142,3.1360678, 4],
    ['' ,49.953802, 2.360237, 3],
    [ '',48.606369,2.886894, 2],
    ['' ,48.149513,6.410866, 1]
];
            </script>
        </div>
        <script>
var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 6,
    center: new google.maps.LatLng(47.4,1.6),
    mapTypeControl: true,
    mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
    },
    navigationControl: true,
    navigationControlOptions: {
        style: google.maps.NavigationControlStyle.SMALL,
        position: google.maps.ControlPosition.TOP_RIGHT
    },
    scaleControl: true,
    streetViewControl: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map
    });
}
        </script>
    </div>
</body>
</html>

la j'actualise les markers mais je ne sais pas si ils s'actualisent vraiment (je ne pense vraiment pas ) mais je ne sais pas le verifier ....

Et donc pour actualiser la carte entierre je fais :

Code :

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

 $('#map').load('2.php').fadeIn("slow");

Enfin j'ai ptetre eu une idée en redigeant en faite si je met carrement les markers sur une autre page .php du stile marker.php et que je fais :

Code :

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

 $('#marker').load('marker.php').fadeIn("slow");

cela peut marcher vous pensez ? je vais essayer dessuite.

Merci de votre aide

Question Global : Comment actualiser les markers??

**SpaceFrog** · 04/04/2014, 08h48

Ma première réaction est de dire que le js n'a rein à faire dans une div ...

Ensuite JQuery possède une methode getScript pour importer du js

Et pour finir les éléments créés dynamiquement après le chargement de la page ne conservent pas les attributions d'evenement faits dans le ready a moin qu'il ne soite attribués en live() ou delegate()

Actualiser une Div qui contient du JS

jQuery

Vue hybride

Discussions similaires

Partager

Partager