Raffraichissement de page html après ajout de contenu dans un tableau

Version imprimable

Hello,

J'ai un petit script qui ajoute du contenu dans des cellules d'une table HTML.
Code:

1 2 3 4 5 6 7 8 9 10 11 if (document.getElementById('list').rows[0].cells.length == 5){ var tblBodyObj = document.getElementById('list'); var l=0; alert("roulement de tambour...."); //var taille = dist.length; for (var i=1; i< tblBodyObj.rows.length; i++) { var newCell = tblBodyObj.rows[i].insertCell(-1); newCell.innerHTML = dist[l]+" mètres"; l++; } }
Si je ne mets pas la ligne alert, mon tableau se rempli de valeurs undifined :?, alors que si je mets l'alert j'ai bien mes valeurs, sous IE et Chrome.
Sous Firefox c'est toujours undifiened.
Y-aurait-il une bonne âme qui pourrait m'expliquer pourquoi?

Merci à tous.

11/03/2013, 16h44
le_chomeur

ton tableau éxiste t-il au moment de l'appel de ton script ?
11/03/2013, 18h15
farid69

Oui, je lui ajoute un colonne.
Et ensuite avec le script ci-dessus je renseigne les cellules vides de cette nouvelles colonne.
11/03/2013, 21h25
sekaijin

non c'est le tableau dist[l] qui ne semble pas exister à ce moment là
A+JYT

Pourtant il est declare en var global à ma function....

Code:

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
55
56
57
58
59
60
61
62
63
64
65
66
 
 function codeAddress(address) {
             var tab_tr = new Array;
             var marker;
             var infowindow = new google.maps.InfoWindow();
             var lat,lng;
             var slide = document.getElementById("slider1").value*1000;
             var dist= new Array;;
             addColumn();
             var j =0;
            <%  for (int i = 0; i < list.size(); i++) {
            %>
            var k = <%= i %>;
          var address =" <%= list.get(i).getAdresse()+" "+list.get(i).getVille()+" "+list.get(i).getCp() %>";
          var geocoder = new google.maps.Geocoder();
              geocoder.geocode( { 'address': address}, function(results,
                status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    lat = results[0].geometry.location.lat();
                    lng = results[0].geometry.location.lng() ;
                    var posrestau = new google.maps.LatLng(lat,lng);
                    var distance = google.maps.geometry.spherical.computeDistanceBetween(pos, posrestau);
                    if (dist.length == 0){
                        j=0;
                        dist[j]=Math.round(distance);
                        //alert("j ; "+j+" /dist : "+dist[j]);
                    }
                    else if (dist.length > 0){
                        j = dist.length;
                        dist[j]=Math.round(distance);
                        //alert("j ; "+j+" //dist : "+dist[j]);
                    }
                    if (distance <= slide){
                    marker = new google.maps.Marker({
                    position: new google.maps.LatLng(lat, lng),
                    map: map
                    });
                    var infos = "<%= list.get(i).getNom() %>"+ " adresse : "+" <%= list.get(i).getAdresse()+" "+list.get(i).getVille()+" "+list.get(i).getCp() %>";
                    google.maps.event.addListener(marker, 'click', (function(marker, k) {
                        return function() {
                        infowindow.setContent(infos);
                        infowindow.open(map, marker);
                        }
                    })(marker, k));
                    }
 
                } 
                else {
                  alert("Geocode was not successful for the following reason: " + status);
                }
              });
                k++;
            <% 
                } 
            %>
            if ((document.getElementById('list').rows[1].cells.length == 4)){       
                var tblBodyObj = document.getElementById('list').tBodies;
                var l=0;
                alert("roulement de tambour....");
                for (var i=1; i< document.getElementById('list').rows.length; i++) {
                  var newCell = document.getElementById('list').rows[i].insertCell(-1); 
                 newCell.innerHTML = dist[l]+" mètres";//'cell '+ (tblBodyObj.rows[i].cells.length);
                 l++;
                } 
            }
          };

Et pour prevue quand je mets une trace le résultat apparait.
Ou alors mon tableau est-il mal declaré?

11/03/2013, 22h17
NoSmoking

Bonsoir,

Citation:

Envoyé par sekaijin

non c'est le tableau dist[l] qui ne semble pas exister à ce moment là
A+JYT

ce tableau est effectivement initialisé dans la fonction callback de ton geodecode, alors que tu t'en sers en dehors, à la suite alors que la réponse n'est pas encore forcément revenue.
12/03/2013, 11h29
farid69

Comment dois-je faire pour temporiser afin d'attendre la réponse?
12/03/2013, 11h32
Bovino

C'est le rôle d'un callback de gérer les actions à effectuer une fois un traitement asynchrone terminé.
12/03/2013, 13h40
farid69

Si je comprends bien cela provient de la callback de l'API google?
12/03/2013, 13h43
Bovino

Oui c'est ça.
Tous les traitements que tu veux faire avec les valeurs reçues doivent être gérés dans le callback.
12/03/2013, 23h11
farid69

Merci beaucoup. :ccool: