volksnav: JS-Werte in HTML übernehmen und URL aussenden

Beitrag lesen

problematische Seite

Hallo zusammen,

ich Zauberlehrling habe wieder eine harte JS/HTML Nuss zu knacken, diesmal in Addis Abeba www.AddisMap.com . Die Erstellung einer Kreuzungsleitzahlen-Tabelle soll mittels einfaches Klicken vereinfacht werden.

Wenn man auf die Karte in "www.volksnav.de/clickToSaveSQ" klickt (eventuell 2x), erscheinen an dieser Stelle die entsprechenden lat/lon. Unten in der prompt-form hat man den Namen dieses Punktes vorher einzugeben.

Die Aufgabe ist, eine URL des Typs "./save.php/? objectName=(promptInhalt) &lat = (clickedLat) &lon = (clickedLon) " auszulösen und den prompt zu löschen.

Im server bewirkt bereits eine solche URL dass die vorhandene "save.php" eine Datei "(promtInhalt).txt" erzeugt und PromtInhalt, lat, lon und Kreuzungsleitzahl errechnet und speichert.

Meine Doppelfrage ist: wie übertrage ich die clicked lat/lon zu einer geeigneten HTML form die beim klicken die URL auslöst? Wenn es nicht anders geht, würde man einen button akzeptieren, also Name eintragen und 2 x klicken.

Im folgenden code sind HTML-Fragmente zu sehen die nur zeigen sollen dass ich mich schon damit befasst habe und vielleicht nah dran bin.

Danke im Voraus für Euer brain storming.

<script>

function onMapClick(e) {
	  var posmsg =  e.latlng.lat + " " + e.latlng.lat  ;    // clickedLat und clickedLon
	popup.setLatLng(e.latlng).setContent(posmsg).openOn(map);  // funktioniert
} 
</script> 
<html> 						
<form>Object name: <input type="text" name="objectName">  <!-- value = z. B. "crossingElDorado" -->
</form> 

    <form action="http://www.volksnav.de/clickToSaveSQ/save.php">
    <input type="submit" name="Button" value="save">     <!-- button sollte nicht nötig sein -->
<input type="hidden" name="objectName" value = (promptInhalt)  ?>">   <!--  wie ?  -->
<input type="hidden" name="lat" value= (latClicked); ?>">             <!--    wie? -->
<input type="hidden" name="lon" value= (lonClicked)>                  <!--   wie?  -->
          </form>
</body></html>