Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]jQuery pobranie src klikniętego img w danym divie
Elber
post 21.03.2012, 09:09:11
Post #1





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

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


Witam, mam diva który ma ID obrazki i w tym divie mam kilka <img> (mam też inne divy w których są <img>) i teraz jak zrobić aby po kliknięciu img w tym konkretnym divie np. wyświetlić jego src poprzez alert() questionmark.gif

Próbuję tak, ale nie działa:

Kod
$('#obrazki').click(
        function(){
            alert($(this).attr('src'));
        }
    )


--------------------
GG: 564555
Go to the top of the page
+Quote Post
nospor
post 21.03.2012, 09:14:26
Post #2





Grupa: Moderatorzy
Postów: 36 468
Pomógł: 6300
Dołączył: 27.12.2004




...
skoro chcesz wyświetlać src obrazka po kliknieciu w obrazek, to czemu zdarzenie click przypinasz do diva?questionmark.gifquestionmark.gifquestionmark.gifquestionmark.gif?


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
Elber
post 21.03.2012, 09:16:56
Post #3





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

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


smile.gif

Kod
$('#obrazki img').click(
        function(){
            alert($(this).attr('src'));
        }
    )


a jak teraz do tego dodać jeszcze jednego div'a żeby nie musieć kopiować całego kodu ?

Ten post edytował Elber 21.03.2012, 09:17:06


--------------------
GG: 564555
Go to the top of the page
+Quote Post
wookieb
post 21.03.2012, 09:20:51
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Jak "dodać jeszcze jednego div'a"? Po co? Przecież chcesz przechwycić zdarzenie kliknięcia na IMG


--------------------
Go to the top of the page
+Quote Post
Elber
post 21.03.2012, 09:23:05
Post #5





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

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


Tak tak wink.gif

Ale jakbym chciał jeszcze przechwycić kliknięcia w div'ie obrazki2 to bym musiał mieć:

Kod
$('#obrazki img').click(
        function(){
            alert($(this).attr('src'));
        }
    )

$('#obrazki2 img').click(
        function(){
            alert($(this).attr('src'));
        }
    )


A jak to połączyć ?


--------------------
GG: 564555
Go to the top of the page
+Quote Post
phpion
post 21.03.2012, 09:24:06
Post #6





Grupa: Moderatorzy
Postów: 6 070
Pomógł: 860
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




$('#obrazki img, #obrazki2 img')
Go to the top of the page
+Quote Post
wookieb
post 21.03.2012, 09:25:00
Post #7





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Nie.
[JAVASCRIPT] pobierz, plaintext
  1. $('#obrazki img, #obrazki2 img')
[JAVASCRIPT] pobierz, plaintext

Nie kopiuj bezmyślnie rzeczy z tutoriali tylko przeczytaj dokumentację jquery zanim zaczniesz go używać.


--------------------
Go to the top of the page
+Quote Post
Elber
post 21.03.2012, 09:26:36
Post #8





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

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


Dziękuję wink.gif O to mi chodziło wink.gif przeglądam co chwilę dokumentację, ale nie myślałem że wystarczy dać te elementy po przecinku wink.gif

Pozdrawiam


--------------------
GG: 564555
Go to the top of the page
+Quote Post
nospor
post 21.03.2012, 09:30:41
Post #9





Grupa: Moderatorzy
Postów: 36 468
Pomógł: 6300
Dołączył: 27.12.2004




jQuery używa składni css. Naucz się składni css a nie będziesz miał problemów.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 18.05.2024 - 00:44