Récupérer le string retourné par une fonction

Version imprimable

04/07/2014, 12h37
casawia

Récupérer le string retourné par une fonction
Bonjour tout le monde ,
j'ai crée une fonction JS qui me retourne une variable de type string voici mon code :
Code:

1 2 3 4 5 6 function mafonction(var1,var2){ ..... var result = 'mon_text'; return result; }
dans mon <td> j'ai appeler ma fonction :
Code:

1 2 3 4 5 <td><script> var variable= mafonction(var1,var2); document.write(variable); </script></td>
le problème c'est que ce code affiche undefined au lieu de la valeur de ma variable :/
des idées ?
04/07/2014, 13h41
kaari kosaku

Salut,

Je te conseille d'apprendre à débuguer, il existe quantité de méthode pour ça, tu peux le faire manuellement, il existe des plugin pour firefox etc...
Pars du principe que pratiquement jamais tu ne codera tu premier coup un code fonctionnel, et que plus tu fais des choses compliquées, moins le repérage et la résolution des erreurs est aisée, c'est pour cela que je te conseille, dès le début, de prendre des bonnes habitudes.

Code:

var variable= mafonction(var1,var2);

Grâce à un déboggage, en 1sc tu aurait remarqué que l'erreur se situe à cette ligne car var1 et var2 ne sont pas déclarées, et tu aurait pu régler cette erreur.

Résolution :

Code:

var variable= mafonction();

Et voilà ça fonctionne ;)
04/07/2014, 13h46
casawia

J'ai pas bien compris ta solution , ma fonction doit avoir des paramètres latitude et longitude pour qu'il me retourne une adresse de localisation
04/07/2014, 14h18
kaari kosaku

Je ne suis pas censé le savoir puisque tu n'as pas fourni ton code ni donné d'explications...

Tel quel il est normal que ton code ne fonctionne pas étant donné que var1 et var2 ne sont pas définis.

Code:

1
2
3
4
5
6
7
8
<td>
     <script type="text/javascript">
          var1 = 45 ;
          var2 = 33 ;
          ma_chaine = mafonction(var1,var2);
          document.write(ma_chaine);
       </script>
</td>

voici le code qui marche bien:

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
 
<script>
function getLatLongDetail(lat,long) {
       var myLatlng= new google.maps.LatLng(lat,long );
        var geocoder = new google.maps.Geocoder(); 
        geocoder.geocode({ 'latLng': myLatlng },
          function (results, status) {
              if (status == google.maps.GeocoderStatus.OK) {
                  if (results[0]) {
 
                      var address = "", city = "", state = "", zip = "", country = "", formattedAddress = "";
                      var lat;
                      var lng;
 
                      for (var i = 0; i < results[0].address_components.length; i++) {
                          var addr = results[0].address_components[i];
                          // check if this entry in address_components has a type of country
                          if (addr.types[0] == 'country')
                              country = addr.long_name;
                          else if (addr.types[0] == 'street_address') // address 1
                              address = address + addr.long_name;
                          else if (addr.types[0] == 'establishment')
                              address = address + addr.long_name;
                          else if (addr.types[0] == 'route')  // address 2
                              address = address + addr.long_name;
                          else if (addr.types[0] == 'postal_code')       // Zip
                              zip = addr.short_name;
                          else if (addr.types[0] == ['administrative_area_level_1'])       // State
                              state = addr.long_name;
                          else if (addr.types[0] == ['locality'])       // City
                              city = addr.long_name;
                      }
 
 
                      if (results[0].formatted_address != null) {
                          formattedAddress = results[0].formatted_address;
                      }
 
                      //debugger;
 
                      var location = results[0].geometry.location;
 
                      lat = location.lat();
                      lng = location.lng();
                      //alert('City: '+ city + '\n' + 'State: '+ state + '\n' + 'Zip: '+ zip + '\n' + 'Formatted Address: '+ formattedAddress + '\n' + 'Lat: '+ lat + '\n' + 'Lng: '+ lng);
                      var add =formattedAddress + '\n';
                     alert(add);
                      //return add;
                  }
 
              }
 
          });
    }

coté html :

Code:

1
2
3
4
5
6
 
 <td><script type="text/javascript">
           var var1= <?php echo $en['latitude'] ?>;
            var var2= <?php echo $en['longitude'] ?>;
          getLatLongDetail(var1,var2);
       </script></td>

Mais moi je veux pas d'alert , je veux récupérer le contenu dans un td

04/07/2014, 15h01
iakou

Humm !

Dans la fonction : Enlevez l'instruction alert(add); et remplacez la par return add; (d'ailleurs celle-ci est en commentaire)
04/07/2014, 15h14
casawia

j'ai déjà testé ça me retourne undefined :/
04/07/2014, 15h21
Bovino

Tu utilises dans ta fonctions des méthodes asynchrones. Donc à la fin de l'exécution de la fonction, ces méthodes asynchrones n'ont par renvoyé leur résultat...
:arrow: Un classique AJAX : utiliser les données au bon moment !

Et attention quand tu fournis un exemple de code sensé illustré ton problème... si tu le simplifies au point de masquer les éléments essentiels ou pire en supprimant les erreurs, ça sert à rien...
Dans ton premier message, le code fonctionne parfaitement pour peu que les paramètres envoyés soient correctement valorisés.