Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] wybór zdarzenia po wpisaniu tekstu
Forum PHP.pl > Forum > XML, AJAX
maniek74
Witam

Jakie zdarzenie w jQuery najlepiej zastosować do pola input text, a dokładniej
Mam pola input adres, kod pocztowy, miasto, dzielnica. do każdego pola mam przypisane id_ $("[id*='address_']").zdarzenie

po wpisaniu wartości w polu chciałbym za pomocą ajax pobrac koordynaty go mapy google.

chodzi mi o samo zdarzenie jakie będzie do tego odpowiednie.

Pozdrawiam
markonix
Blur - input opuszcza gdy wartość została wpisana i jest kompletna.
maniek74
Dzięki za podpowiedź działa super.

Dla potomnych
  1. $("[id*='address_']").blur(function() {
  2. var id = this.id.replace(/address_/, '');
  3.  
  4. var formData = {address:$("input[name='formAddress']").val(),
  5. postcode:$("input[name='formPostCode']").val(),
  6. city:$("input[name='formCity']").val(),
  7. district:$("input[name='formDistrict']").val()};
  8.  
  9. $.ajax({
  10. url: "{DOMAIN_ALL}/administration/ajaxFunction.php?func=cordsMaps",
  11. type: "POST",
  12. data: formData,
  13. success: function(results) {
  14. var cords = jQuery.parseJSON(results);
  15. console.log(cords);
  16. var lat = cords['lat'];
  17. var lng = cords['lng'];
  18. var myLatlng = new google.maps.LatLng(lat,lng);
  19. var myOptions = {
  20. zoom: 16,
  21. center: myLatlng,
  22. mapTypeId: google.maps.MapTypeId.ROADMAP
  23. };
  24.  
  25. map = new google.maps.Map(document.getElementById("maps"), myOptions);
  26.  
  27. marker = new google.maps.Marker( {
  28. position: myLatlng,
  29. map: map,
  30. draggable: true
  31. });
  32.  
  33. updateMarkerPosition(myLatlng);
  34. google.maps.event.addListener(marker, 'drag', function() {
  35. updateMarkerPosition(marker.getPosition());
  36. });
  37. }
  38. });
  39. });
  40.  


A tutaj świetna klasa do pobierania koordynatów
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.