Appel de fonction avec paramètres différents

Version imprimable

Bonjour, j'ai une fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function loadItineraire(result) {//directionsDisplay.getDirections()
 
    var itineraire = result.routes[0].legs[0];
 
    document.getElementById('latitude').value = itineraire.end_location.lat();
    document.getElementById('longitude').value = itineraire.end_location.lng(); //formatted_address
    codeLatLng(itineraire.end_location.lat(), itineraire.end_location.lng(), 'adresse'); ca fonctionne
 
    document.getElementById('LatOrg').value = itineraire.start_location.lat();
    document.getElementById('LongOrg').value = itineraire.start_location.lng(); //formatted_address
    //codeLatLng(itineraire.start_location.lat(), itineraire.start_locationn.lng(), 'txtorigine'); ne fonctionne pas
 
    computeTotalDistance(result);
 
    showForm();
}

la meme ligne avec des differents parametres ne fonctionne pas :calim2:

07/06/2014, 09h32
Bovino
Code:

1 2 document.getElementById('LongOrg').value = itineraire.start_location.lng(); //formatted_address codeLatLng(itineraire.start_location.lat(), itineraire.start_locationn.lng(), 'txtorigine');
Comme ça, tu vois mieux ?
Avant de poster, un minimum de débogage s'impose : la console du navigateur (touche F12 pour l'activer) t'aurait immédiatement mis sur la piste.

MErci infiniment pour la reponse, j'ai copié la ligne qui marche une 100 aine de fois mais j'ai pas vu l'erreur

J'ai un autre probleme bizarre aussi,

Code:

1
2
3
4
5
6
7
8
 
    document.getElementById('latitude').value = itineraire.end_location.lat();
    document.getElementById('longitude').value = itineraire.end_location.lng(); //formatted_address
    codeLatLng(itineraire.end_location.lat(), itineraire.end_location.lng(), 'adresse'); // ca marche sans probleme
 
    document.getElementById('LatOrg').value = itineraire.start_location.lat();
    document.getElementById('LongOrg').value = itineraire.start_location.lng(); //formatted_address
    codeLatLng(itineraire.start_location.lat(), itineraire.start_location.lng(), 'txtorigine');ca marche pas, mais si je change le champ 'adresse' au lieu de 'txtorigine' ca marche

sachant que je met :

c# :

Code:

txtorigine.Attributes.Add("onChange", "FindOrigine();");

Js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function FindOrigine() {
    if (directionsDisplay.getDirections() == null) {
        var address = document.getElementById('txtorigine').value;
 
        // script uses our 'geocoder' in order to find location by address name
        geocoder.geocode({ 'address': address }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) { // and, if everything is ok
 
                // we will center map
                var OrigineLocation = results[0].geometry.location;
                map.setCenter(OrigineLocation);
 
                // store current coordinates into hidden variables
                document.getElementById('LatOrg').value = results[0].geometry.location.lat();
                document.getElementById('LongOrg').value = results[0].geometry.location.lng();
            }
        });
 
        tracerItineraire();
    }
}

Je ne vois pas ou est l'erreur

09/06/2014, 15h10
NoSmoking

Bonjour,

Citation:

J'ai un autre probleme bizarre aussi,

aucun doute là on est bien avancé avec une telle description du problème :aie:

Néanmoins tu fais appel dans ta fonction à la fonction tracerItineraire(); qui s’exécute avant que la réponse ne soit de retour.

Je t'engage fortement à regarder SERIEUSEMENT comment sont construit les exemples qui sont fournis sur la documentation de l'API
10/06/2014, 10h08
Msysteme

Nosmoking : merci pour vos reponses et vos efforts avec moi mais je suis une personne qui apprend en exécutant et en pratiquant, j'ai lu la documentation mais je ne la concrétise que lorsque je vois un exemple devant moi, 8O:?

que dois je faire dans ce cas pour exécuter le bout de code avant de tracer l'itinéraire :calim2:

Citation:

...je suis une personne qui apprend en exécutant et en pratiquant,...

Tu n'est quand même pas trop téméraire dans tes essais

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
geocoder.geocode(
  {
    'address': address
  },
  function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) { // and, if everything is ok
      // we will center map
      var OrigineLocation = results[0].geometry.location;
      map.setCenter(OrigineLocation);
 
      // store current coordinates into hidden variables
      document.getElementById('LatOrg').value = results[0].geometry.location.lat();
      document.getElementById('LongOrg').value = results[0].geometry.location.lng();
 
      // Placée ici la fonction n'est appelée que lorsque la réponse est OK
      tracerItineraire();
    }
});

il te faut juste déplacer l'appel de ta fonction dans la portion de code appartenant au SI test OK.

11/06/2014, 00h14
Msysteme

mon probleme est dans la fonction :

Code:

codeLatLng(itineraire.start_location.lat(), itineraire.start_location.lng(), 'txtorigine'); // ca marche pas, mais si je change le champ 'adresse' au lieu de 'txtorigine' ca marche

mais il ne fonctionne pas uniquement pour le champ 'txtorigine', je doute que le la ligne c#:

Code:

txtorigine.Attributes.Add("onChange", "FindOrigine();");

parce que c'est celle la qui fais la difference sachant aussi que lorsque j'ajoute autoposteback a true, ca fonctionne mais lors de la premiere saisie le formulaire disparait (modalpopupextender) sans rien faire

Pour l'itinéraire il s'affiche sans probleme
14/06/2014, 01h25
NoSmoking

Depuis le temps que tu nous parles de ta fonction codeLatLng, pourrait-on savoir à quoi elle ressemble ?

Note personnelle : j'aime la façon dont tu conduis tes discussions, ..., je finis par avoir du mal à suivre :aie:

ELLE ressemble a ca :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function codeLatLng(lt, lg, where) {
 
    var lat = parseFloat(lt);
    var lng = parseFloat(lg);
    var latlng = new google.maps.LatLng(lat, lng);
    geocoder.geocode({ 'latLng': latlng }, function (results, status) {
        var oElem = document.getElementById(where);
        // action suivant resultat
        if (status == google.maps.GeocoderStatus.OK) {
            var str = results[0].formatted_address;
            oElem.innerHTML = str;
            oElem.style.color = 'black';
        }
        else {
            oElem.innerHTML = "Geocoder failed due to: " + status;
            oElem.style.color = 'red';
        }
    });
}

16/06/2014, 18h46
NoSmoking

Elle m'a l'air tout à fait correcte, il reste encore une chose qui peut arriver, :calim2: tu n'as pas dans ta page d'élément ayant pour ID txtorigine. (attention à l’orthographe)
17/06/2014, 10h51
Msysteme

non du tout : :D

Code:

<p><asp:TextBox ID="txtorigine" MaxLength="200" Rows = "10" Columns="10" Height="50px" TextMode="MultiLine" runat="server" CssClass="input" AutoPostBack="true"></asp:TextBox>
17/06/2014, 18h20
NoSmoking

Effectivement, il reste donc la solution ultime et je vois que l'on est en plein dedans :aie:

D'un coté tu fais un oElem.innerHTML = str; et de l'autre on a un élément de type INPUT qui n'a donc pas de propriété innerHTML mais une value.
18/06/2014, 21h30
Msysteme

:ptdr::ptdr::ptdr::ptdr::ptdr::ptdr::ptdr::ptdr::ptdr:
vraiment merci
ta phrase a mis une différence dans mon code