Discussion :

[petchi]

Hello,

J'ai un problème surement relativement simple, mais étant donné que mes compétences javascript sont très limitées...

Je souhaite faire passer un GetElementById dans un formulaire.
J'utilise l'api google map v3 et après avoir fait bouger mon "marqueur" sur la carte j'aimerais récupérer la position.


La fonction JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function updateMarkerPosition(latLng) {
  document.getElementById('info').innerHTML = [
    latLng.lat(),
    latLng.lng()
  ].join(', ');
}

Le formulaire:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form method="post" action="prochainepage.php">
<input type="submit" name="save" value="save" id="save" onclick="updateMarkerPosition();"/>
<input type="hidden" name="position" value="" id="info" />
</form>

Mais malheureusement mon input "position" ne renvoie rien !

Quelqu'un pourrait-il m'aider ?

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

function updateMarkerPosition(latLng) {...}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="updateMarkerPosition(_);"

tu ne vois vraiment pas ce qui cloche ?

[petchi]

Ho haha ! Oui bien sûr j'envoie rien dans ma fonction !

Mais même si je fais un:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form method="post" action="pagesuivante.php">
<input type="submit" name="save" value="Save!" id="save" onclick="updateMarkerPosition(marker.getPosition());"/>
<input type="hidden" name="position" value="" id="info" />
</form>

rien ne se passe! Mon formulaire ne transmet pas les coordonnées avec la méthode POST ! C'est là que je bloque.

(avec marker.getPosition() qui est la fonction google maps pour récupérer la position du marqueur)

[ryan]

Yop,

Mon formulaire ne transmet pas les coordonnées avec la méthode POST !

Bin voui, pour placer quelque chose dans ton champ, ce n'est pas la propriété innerHTML que tu dois employer (même pas certain qu'un champ ait cette propriété...), mais bien la propriété value.

[petchi]

Résolu:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<form method="post" action="pagesuivante.php">
	 <input type="hidden" name="position" id="hiddenField" />
	 <input type="submit" name="save" value="Save!" id="save" onclick="mySubmit();"/>
</form>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function mySubmit() {
     document.getElementById('hiddenField').value = document.getElementById('info').innerHTML;
     document.getElementById("myForm").submit();
}
function updateMarkerPosition(latLng) {
  document.getElementById('info').innerHTML = [
    latLng.lat(),
    latLng.lng()
  ].join(', ');
}