Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Wywołanie akcji po załadowaniu diva
deha21
post
Post #1





Grupa: Zarejestrowani
Postów: 544
Pomógł: 5
Dołączył: 18.08.2009

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


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
tolomei
post
Post #2





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

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


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.
Go to the top of the page
+Quote Post
deha21
post
Post #3





Grupa: Zarejestrowani
Postów: 544
Pomógł: 5
Dołączył: 18.08.2009

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


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
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 13:11