Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][jQuery] Jak przypisać akcje, do elementów w divie
thomson89
post 9.08.2010, 16:54:46
Post #1





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


Witam!

Mam kilka elementów o różnych id w divie. Chciałbym, za pomocą jQuery wszystkim tym elementom w divie, nadać zdarzenie onclick które przekaże jakiejś funkcji id tego elementu.

O ile pierwszego nie mogę rozwiązać, o tyle drugie (chyba) wymaga tylko użycia this. Proszę o naprowadzenie chociaż, jak nadać tym elementom zdarzenie. Zaznaczę iż nigdy nie będę wiedział ile tych elementów tak naprawdę jest.

Proszę o pomoc!

Ten post edytował thomson89 9.08.2010, 16:56:16


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
askone
post 9.08.2010, 17:00:18
Post #2





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Hej

Jeśli są to różne elementy to zawsze możesz skorzystać z $("#id_parent").children("tutaj wybierz co i jak").click(function(){wywolaj_funkcje($(this).attr("id"))});

Pozdrawiam


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
thomson89
post 9.08.2010, 17:14:54
Post #3





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


Elementy to zwykłe obrazki.

Kod działa normalnie, ale nie działa gdy dam ten element, np. w listę.

  1. <ul id="parent">
  2. <li><div id="1"></li>
  3. </ul>

Dałem dla przykładu, z funkcją hover:
[JAVASCRIPT] pobierz, plaintext
  1. $('#overview').children('img').hover(function(){alert($(this).attr('id'))}, function(){alert($(this).attr('id'))});
[JAVASCRIPT] pobierz, plaintext

I przy powyższym kodzie html, gdy najadę na element div id="1", wyświetla się alert lecz bez wartości.

Ten post edytował thomson89 9.08.2010, 17:35:03


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
Fifi209
post 9.08.2010, 17:38:04
Post #4





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


Jakbyś pokazał więcej html'a byłbym wdzięczny i pewnie nie tylko ja, w dodatku ułatwiłoby to znalezienie Twojego problemu.

Zobacz koniecznie!


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
thomson89
post 9.08.2010, 18:20:59
Post #5





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


Tamto, chciałem zastosować do tego kodu html.
  1. <ul id="overview" class="overview">
  2. <li><img width="105" id="p1" src="produkty/6202charms_1.jpg"></li>
  3. <li><img width="105" id="p2" src="produkty/6202_2.jpg"></li>
  4. <li><img width="105" id="p3" src="produkty/6202charms_4.jpg"></li>
  5. <li><img width="105" id="p4" src="produkty/6202_1.jpg"> </li>
  6. </ul>


Ten post edytował thomson89 9.08.2010, 18:21:24


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
Fifi209
post 10.08.2010, 10:48:37
Post #6





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


a więc coś takiego

[JAVASCRIPT] pobierz, plaintext
  1. $("#overview > li > img").click(
  2. function() {
  3. alert($(this).attr('id'));
  4. }
  5. );
[JAVASCRIPT] pobierz, plaintext


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
thomson89
post 10.08.2010, 19:54:18
Post #7





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

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


Dziękuję!


--------------------
Sklep 70%
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: 14.08.2025 - 07:22