Traitement formulaire de calcul
Bonjour a tous,
j'ai une petite question concernent un traitement de calcule d'un trajet
le site est en HTML animé JS
j'ai intégrer l'API Google map pour le calcule d'un trajet d'une adresse A a adresse B;
le formulaire se trouve sur la page d'accueil,
Code:
1
2
3
4
5
6
7
| <form action="#!/calcule" enctype="multipart/form-data" method="post" onsubmit="return calcRoute();">
<fieldset>
<input type="text" id="input_depart" placeholder="" autocomplete="on" value="Adresse A..." />
<input type="text" id="input_arrivee" placeholder="" autocomplete="on" value="Adresse B..." />
</fieldset>
<input type="submit" value="" data-type="submit"/>
</form> |
la carte google map se trouve sur : #!/calcule ,
Code:
1
2
3
4
5
6
7
| <li id="calcule">
<div class="col grid_8 alpha">
<div class="inner">
<h2><span class="white">Trajet</span> Information</h2>
<div style="margin:auto;width:300px;height:300px" id="map_canvas">
</div> |
Mon code Javascript,
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
| function calcRoute() {
for (i = 0; i < markerArray.length; i++) {
markerArray[i].setMap(null);
}
markerArray = [];
var start = document.getElementById("start").value;;
var end = document.getElementById("end").value;
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
kilometrage=response.routes[0].legs[0].distance.value/1000;
unquart=response.routes[0].legs[0].duration.value/4;
gainTime=Math.floor((unquart*3)/60);
//alert(dump(response,0));
//alert('gainTime = '+gainTime);
directionsDisplay.setDirections(response);
//showSteps(response);
//alert(kilometrage);
calcule_tarif(kilometrage);
document.getElementById('kilometrage_course').value=kilometrage;
document.getElementById('gain_time_course').value=gainTime;
//alert(kilometrage);
} else {
alert('Google : no route found, incomplete address');
}
});
} |
ma question est comment faire pour envoyer les input start et end depuis la page du formulaire accueil pour afficher le calcule sur la page calcule,
si quelqu'un peux me venir en secour, moi je ne trouve pas la solution.
merci d'avance pour votre aide.
Salutation.
