Discussion :

[aminaloli]

bonjour
svp est ce que vous pouvez m'aidez ,je suis bloque dans un point et j'arrive pas a le resoudre
j'ai une fonction récursive ,je veux afficher le resultat dans tableau html (une seul entête ) mais j'arrive a chaque fois il me refait l’entête ,par exemple j'ai 3 ligne dans le tableau il me fait 3 entete
trajet distance duree
xxxxx xxxxxxxx xxxxxx
trajet distance duree
xxxxx xxxxxxxx xxxxxx
trajet distance duree
xxxxx xxxxxxxx xxxxxx

et je veux qu'il m'afficher sa
trajet distance duree
xxxxx xxxxxxxx xxxxxx
xxxxx xxxxxxxx xxxxxxx
xxxxx xxxxxxxx xxxxxxx

svp aidez moi
et voici une parti de 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
55
56
57
58
59
60
61
62
63
 
function traceRoute2() {
	  var element = document.getElementById("zoneMessage");
	  if (listeItineraires.length > 0) {
		 var trajet = listeItineraires.pop().split(":");
		 if (trajet.length!=2) traceRoute2();
		 var indVille = position(trajet[0]);
		 var request = {
		            origin:trajet[0], 
		            destination:trajet[1],
		            travelMode: google.maps.DirectionsTravelMode.DRIVING
		        };
		  var polylineOp = {
		        		// strokeColor:"#FF0000"
		        		strokeColor:colors[indVille]
		        };
		  var renderOptions = {
		                 polylineOptions : polylineOp
 
		        }; 
		  idColor++;
		  // Pour pouvoir afficher plusieurs itinéraires sur la même carte, il faut créer un objet directionDisplay par itinéraire
		  directionsDisplay = new google.maps.DirectionsRenderer(renderOptions);
		  directionsDisplay.setMap(map);
		  directionsService.route(request, function(response, status) {
		          if (status == google.maps.DirectionsStatus.OK) {
		            directionsDisplay.setDirections(response);
		           var distance = response.routes[0].legs[0].distance.value;
					var duree = response.routes[0].legs[0].duration.value;
					 var outputDiv = document.getElementById('outputDiv');
					//document.getElementById('distance_parcouru').innerHTML = distance/1000 + " km";
					//document.getElementById('duration').innerHTML = Math.round((duree/3600)*10)/10 + " heure";
 
					//outputDiv.innerHTML += trajet[0] + ' vers ' + trajet[1]+
			          //+ '            Distance :              ' + response.routes[0].legs[0].distance.text + ' in'
			           //+ '              Durée estimée en voiture :         ' + response.routes[0].legs[0].duration.text + '<br>';
 
 
 
			         outputDiv.innerHTML += '<table border="1" summary= trier itineraire>'
			         +'<tr> <td>Trajet: '
			         + '   <td>    <a href="#" onclick="sortTable(this,1); return false;">      Distance :  </a>           '
			          + '        <td>       Durée estimée en voiture :</tr>' 
			       + '<tr><td>'+trajet[0] + ' vers ' + trajet[1]+'</td>'
			         + '<td>  '+response.routes[0].legs[0].distance.text + '   </td>'
			         +'<td>'+ response.routes[0].legs[0].duration.text + '</td></tr></table>';
 
 
 
 
 
              traceRoute2(); 
 
 
 
 
		          } else {
		        	  element.innerHTML += "Erreur:"+start+"\n"; 
		          }
		  });		 
	  }
 
}

merci

[andry.aime]

Bonjour,

J'ai pas lu ton code en entier , mais utilise un thead pour le header et un tbody pour les contenues. Tu n'as qu'à régénérer seulement ce qui se trouve dans le tbody ensuite.

A+.

[SpaceFrog]

http://www.developpez.net/forums/d47...us-rapidement/

[EIN-LESER]

tu a testé comme ça?

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
55
56
57
58
59
60
61
62
63
64
65
66
 <?PHP
 
 outputDiv.innerHTML += '<table border="1" summary= trier itineraire>'
			         +'<tr> <td>Trajet: '
			         + '   <td>    <a href="#" onclick="sortTable(this,1); return false;">      Distance :  </a>           '
			          + '        <td>       Durée estimée en voiture :</tr>' ;
function traceRoute2() {
	  var element = document.getElementById("zoneMessage");
	  if (listeItineraires.length > 0) {
		 var trajet = listeItineraires.pop().split(":");
		 if (trajet.length!=2) traceRoute2();
		 var indVille = position(trajet[0]);
		 var request = {
		            origin:trajet[0], 
		            destination:trajet[1],
		            travelMode: google.maps.DirectionsTravelMode.DRIVING
		        };
		  var polylineOp = {
		        		// strokeColor:"#FF0000"
		        		strokeColor:colors[indVille]
		        };
		  var renderOptions = {
		                 polylineOptions : polylineOp
 
		        }; 
		  idColor++;
		  // Pour pouvoir afficher plusieurs itinéraires sur la même carte, il faut créer un objet directionDisplay par itinéraire
		  directionsDisplay = new google.maps.DirectionsRenderer(renderOptions);
		  directionsDisplay.setMap(map);
		  directionsService.route(request, function(response, status) {
		          if (status == google.maps.DirectionsStatus.OK) {
		            directionsDisplay.setDirections(response);
		           var distance = response.routes[0].legs[0].distance.value;
					var duree = response.routes[0].legs[0].duration.value;
					 var outputDiv = document.getElementById('outputDiv');
					//document.getElementById('distance_parcouru').innerHTML = distance/1000 + " km";
					//document.getElementById('duration').innerHTML = Math.round((duree/3600)*10)/10 + " heure";
 
					//outputDiv.innerHTML += trajet[0] + ' vers ' + trajet[1]+
			          //+ '            Distance :              ' + response.routes[0].legs[0].distance.text + ' in'
			           //+ '              Durée estimée en voiture :         ' + response.routes[0].legs[0].duration.text + '<br>';
 
 
 
 
			       outputDiv.innerHTML += '<tr><td>'+trajet[0] + ' vers ' + trajet[1]+'</td>'
			         + '<td>  '+response.routes[0].legs[0].distance.text + '   </td>'
			         +'<td>'+ response.routes[0].legs[0].duration.text + '</td></tr></table>';
 
 
 
 
 
              traceRoute2(); 
 
 
 
 
		          } else {
		        	  element.innerHTML += "Erreur:"+start+"\n"; 
		          }
		  });		 
	  }
 
}
?>

[aminaloli]

bonjour
merci pour votre réponse
andry.aime j'ai pas bien compris votre reponse est vous pouvez mieux expliquer
EIN-LESER oui j'ai bien esseye mais il affiche meme pas le tableau en plus c pas du php ,c'est dans des page jsp
est ce que vous pouvez me donner d'autre proposition car j'arrive pas a le resoudre
merci

[javatwister]

innerHTML = caca

si tu demandes à chaque passage de réafficher tout le toutim, pourquoi t'étonnes-tu du résultat?

[aminaloli]

et comment faire alors