Discussion :

[costiflex]

Bonjour � tous,
je tente d�ins�rer un span dans un input. (depuis bien 1 semaine ^^)
je m'explique :
� partir d'un Script, je r�cup�re les valeurs des coordonn�es d'une adresse.
j'arrive � r�cup�rer, lorsque je clique sur le bouton "localiser", ces coordonn�es (latitude et longitude) dans mon HTML via des "span"
Cependant, je voudrais r�cup�rer ces valeurs dans un "input"
J'ai tent� de jouer avec la "valeur" de l' "input" mais sans succ�s...
Avez vous des id�es ?
Voici une partie de mon formulaire

Code html :

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
    <tr>
                       <td>Adresse</td>
                       <td>   <input type="text" name="adresse_principale" id="searchTextField" <?php echo 'value ="'.$adresse_principale.'"'; ?> placeholder="adresse principale" /> </td>
 
                     </tr>
 
                      <tr>
                       <td>latitude</td>
                       <td>
                       <td> <input type="text" name="lat" id="lat"  value="<?php echo $lng ?>" /></td>
                       </td>
                      </tr>
 
                      <tr>
                       <td>longitude</td>
                       <td> <input type="text" name="lng" id="lng"  value="<?php echo $lng ?>" /></td>
                      </tr>
 
 
 
                   </tbody>
 
                 </table>
</div>
 
 
 
 <ul class="actions">
                       <li><input type="submit" value="Mettre à jour" class="special" /></li>
                        <input type="button"  value="Localiser sur Google Map" onclick="TrouverAdresse();"/>
                                           </ul>
 
           </form>

Voil� le script o� je r�cup�re les coordonn�es

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
<script type="text/javascript">
var geocoder;
var map;
// initialisation de la carte Google Map de départ
function initialiserCarte() {
  geocoder = new google.maps.Geocoder();
  // Ici j'ai mis la latitude et longitude du vieux Port de Marseille pour centrer la carte de départ
  var latlng = new google.maps.LatLng(43.295309,5.374457);
  var mapOptions = {
    zoom      : 14,
    center    : latlng,
    mapTypeId : google.maps.MapTypeId.ROADMAP
  }
  // map-canvas est le conteneur HTML de la carte Google Map
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
 
function TrouverAdresse() {
  // Récupération de l'adresse tapée dans le formulaire
  var adresse = document.getElementById('searchTextField').value;
  geocoder.geocode( { 'address': adresse}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
      // Récupération des coordonnées GPS du lieu tapé dans le formulaire
 
    latitude = results[0].geometry.location.lat();
    longitude = results[0].geometry.location.lng();
 
 
 
 
      // Affichage des coordonnées dans le <span>
      document.getElementById('lat').innerHTML=latitude;
      document.getElementById('lng').innerHTML=longitude;
 
 
 
      // Création du marqueur du lieu (épingle)
      var marker = new google.maps.Marker({
          map: map,
          position: results[0].geometry.location
      });
    } else {
      alert('Adresse introuvable: ' + status);
    }
  });
}
// Lancement de la construction de la carte google map
google.maps.event.addDomListener(window, 'load', initialiserCarte);
</script>

voil� ce que �a donne :





Merci pour votre aide !