Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> google maps api + submit formy
fajnalowiec
post 11.04.2011, 12:55:00
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 17.10.2010

Ostrzeżenie: (0%)
-----

mam taki prosty skrypt zerzniety w wiekszosci z tutoriala googla, ktory ma mi umozliwic skopiowanie dlugosci i szerokosci geogr. po submicie formy.
Niestety wyglada to tak, ze jesli wybiore bezposrednio submit formy to funkcja 'codeAddress()' nie wypelnia mi pol 'x' i 'y' chociaz mam ja w metodzie 'onSubmit'. Calosc dziala poprawnie jesli najpierw klikne button 'Geocode', a dopiero potem klikne button 'submit'.
IMO sam submit wykonuje sie bez czekania, az zakonczy sie funkcja 'codeAddress()'. Jesli ktos ma pomysl jak zmusic JS zeby przed submitem poczekal do konca 'codeAddress()' i wypelnil mi pola 'x' i 'y' tak zebym potem w $_POST mial do nich dostep to bede wdzieczny.
Kod skryptu ponizej:

[HTML] pobierz, plaintext 
  1. <?php
  2.   var_dump($_POST);
  3. ?>
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
  9. <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  10. <title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
  11. <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
  12. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  13. <script type="text/javascript">
  14.   var geocoder;
  15.  
  16.   function codeAddress() {
  17.     geocoder = new google.maps.Geocoder();
  18.     address = "Warszawa, Polska";
  19.     geocoder.geocode( { 'address': address}, function(results, status) {
  20.       if (status == google.maps.GeocoderStatus.OK) {
  21.         //alert(results[0].geometry.location);        
  22.         document.getElementById('x').value = results[0].geometry.location.lat();
  23.         document.getElementById('y').value = results[0].geometry.location.lng();                
  24.       } else {
  25.         alert("Geocode was not successful for the following reason: " + status);
  26.       }
  27.     });
  28.  
  29.     //document.getElementById('f').submit();
  30.  
  31.   }  
  32.  
  33. </script>
  34. </head>
  35. <body>
  36.   <div>
  37.     <form id="f" method="post" onSubmit="codeAddress()">
  38.       <input id="address" name="address" type="textbox" width="400" value="">
  39.       <input type="hidden" id="x" name="x" value="0">
  40.       <input type="hidden" id="y" name="y">
  41.       <input type="button" value="Geocode" onclick="codeAddress()">
  42.       <input type="submit" value="submit">
  43.     </form>  
  44.   </div>
  45. </body>
  46. </html>
[HTML] pobierz, plaintext


oki, mam juz odpowiedz z grupy googla; wystarczy 'document.getElementById('f').submit();' wstawic na koniec ciala funkcji 'function(results, status)' albo do jej IFa. Wtedy submit robi sie po nacisnieciu guzika 'geocode'. Dziala tak, a nie inaczej bo geocode() jest asynchroniczne. Wystarczylo poczytac dokumentacje przez kopiowaniem tutoriali. Pozostaje jeszcze obsluzyc submit z inputa, w ktory docelowo bede wpisywal adres, ale to juz jest proste.

Ten post edytował fajnalowiec 11.04.2011, 16:25:16
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 14:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn