Récupérer getElementById dans un formulaire

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:

---

1 2 3 4 5 6

function updateMarkerPosition(latLng) { document.getElementById('info').innerHTML = [ latLng.lat(), latLng.lng() ].join(', '); }

---

Le formulaire:

Code:

---

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 ?

Code:

---

function updateMarkerPosition(latLng) {...}

---

Code:

---

onclick="updateMarkerPosition(_);"

---

tu ne vois vraiment pas ce qui cloche ? :calim2:

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

Mais même si je fais un:

Code:

---

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. 8O

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

Yop,

Citation:

---

Envoyé par petchi

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.

Résolu:

Code:

---

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:

---

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(', '); }

---