Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Wywołanie akcji po załadowaniu diva
Forum PHP.pl > Forum > Po stronie przeglądarki
deha21
Chciałbym żeby kod wywołał się po załadowaniu diva. Teraz mam zrobione, że dzieje się to po kliknięciu.
[JAVASCRIPT] pobierz, plaintext
  1. $("#sklepy div .map").click(function() {
  2. var lat=$(this).attr("lat");
  3. var lng=$(this).attr("lng");
  4. var mapid=$(this).attr("id");
  5. mapaPodglad(lat,lng,mapid);
  6. return false;
  7. });
[JAVASCRIPT] pobierz, plaintext

Generalnie chodzi o to, że obiektów .map będę miał na stronie kilka więc potrzebuję dla każdej z nich wywołać taki kod.
tolomei
Witaj.

Aby kod wykonał się po załadowaniu całego drzewa DOM osadzamy go w takiej funkcji:

  1. $(function(){
  2. // ten kod wykona się po załadowaniu wszystkich elementów strony
  3. });


Aby wykonać operacje na wszystkich elementach wymienionych w selektorze - należy użyć funkcji each():

  1. $(function(){
  2. $("#sklepy div .map").each(function(){
  3. var lat=$(this).attr("lat");
  4. var lng=$(this).attr("lng");
  5. var mapid=$(this).attr("id");
  6. mapaPodglad(lat,lng,mapid);
  7. return false;
  8. });
  9. });


Pozdrawiam.
deha21
Dzięki. Ale mam jeszcze jeden problem - mapa jakby się uruchamia bo widać ramkę mapki, napis "Warunki korzystania..." ale samej mamy nie wyświetla...
Kod wyświetlania mapy:
[JAVASCRIPT] pobierz, plaintext
  1. function mapaView(lat,lng,mapid) {
  2.  
  3. var wspolrzedne = new google.maps.LatLng(lat,lng);
  4. var opcjeMapy = {
  5. zoom: 15,
  6. center: wspolrzedne,
  7. mapTypeId: google.maps.MapTypeId.ROADMAP
  8. };
  9.  
  10. var mapa = new google.maps.Map(document.getElementById(mapid), opcjeMapy);
  11. var punkt = new google.maps.LatLng(lat, lng);
  12. var opcjeMarkera =
  13. {
  14. position: punkt,
  15. map: mapa,
  16. draggable: true
  17. }
  18. var marker = new google.maps.Marker(opcjeMarkera);
  19. }
[JAVASCRIPT] pobierz, plaintext
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.