Problème association 2 fonctions javascript

Fermé
Evelyne31 Messages postés 55 Date d'inscription mardi 17 juillet 2012 Statut Membre Dernière intervention 13 septembre 2016 - Modifié par Evelyne31 le 13/09/2016 à 16:18
Bonjour,
J'avais un formulaire où s’affichait séparément 3 résultats de 2 fonctions javascript. Mais il fallait cliquer 2 fois sur 2 boutons.
J’ai voulu simplifier en associant les 2 fonctions js sur un seul bouton onclick qui afficherait les 3 résultats.
Cela fonctionne pour les 2 premiers résultats (1ère fonction "calculate" = distance et temps).
Pour le résultat de la 2ème fonction ("tarification" = prix), on l’aperçoit 1 seconde puis il disparait et ne s'affiche pas.
Auriez-vous, SVP, une idée du problème ?
Merci par avance et très bonne journée.
Evelyne31



Code des 2 fonctions javascript (tarification et calculate):


function tarification(){
var horaire = $("input[type='radio']:checked").val();
var tps = $("#tps2").val();
var dist = $("#dst2").val();
var dist2 = $("#dst3").text();
var nbrkm = (dist/1000);
var nbrkm2 = (dist2/1000);
tps = tps/60;
prixcourse = 0;

if(horaire == 1)
{
if(nbrkm > 0 && nbrkm < 10)
prixcourse = 15;
else if(nbrkm >= 10 && nbrkm < 100)
prixcourse = nbrkm * 2;
else if(nbrkm >= 100)
prixcourse = nbrkm * 1.8;
}
else if(horaire == 2)
{
if(nbrkm > 0 && nbrkm < 10)
prixcourse = 20;
else if(nbrkm >= 10 && nbrkm < 100)
prixcourse = nbrkm * 2.2;
else if(nbrkm >= 100)
prixcourse = nbrkm * 2;
}

if(nbrkm2 >=20) prixcourse += 10;

$("#tarif").text(Math.round(prixcourse)+" euros");
$("#tarif_hidden").val(Math.round(prixcourse));
}
/**


function calculate(){
var origin = $('#origin').val();
var destination = $('#destination').val();
if(origin && destination){
var request = {
origin : origin,
destination : destination,
travelMode : google.maps.DirectionsTravelMode.DRIVING
}
var directionsService = new google.maps.DirectionsService();
directionsService.route(request, function(response, status){
if(status == google.maps.DirectionsStatus.OK){
setInfos(response);
}
});
}
}



Code de l'association des 2 fonctions et pour l'affichage sur la page html :



<p><input type="button" value="Calculer l'itinéraire" onclick="javascript:calculate();tarification();"></p>

<p>Temps : <B><FONT size="4px" color="#800040"><span id="tps"></span>
<input type="hidden" name="tps" id="tps2" /></B></FONT></p>

<p>Distance : <B><FONT size="4px" color="#800040"><span id="dst"></span>
<input type="hidden" name="dst" id="dst2" />
<span id="dst3" style="display:none"></span></B></FONT></p>

<p>Prix : <B><FONT size="4px" color="#800040"><span id="tarif"></span></p>
<input type="hidden" name="tarif" id="tarif_hidden" /></B></FONT></p>


EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.
A voir également: