Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][jQuery] OnClick a jQuery
Forum PHP.pl > Forum > Przedszkole
Stef@n
Witam, mam pewnie problem jak przerobić kod JS w jQuery.
Chce przesłać po kliknięciu na diva kilka zmiennych (każdy div ma inne zmienne) tak jak jest to zrobione na zdarzeniu w JS onClick niestety nie mogę tego ogarnąć w jQuery.

  1. <script type="text/javascript">
  2. function Kolejnosc(jeden, dwa, trzy) {
  3. var dane = jeden + " | " + dwa + " | " + trzy;
  4. alert(dane);
  5. }
  6. <div onClick="Kolejnosc('Moja wartosc 1', 'Moja wartosc 2', 'Moja wartosc 3')">Wczytaj wyniki div 1</div>
  7. <div onClick="Kolejnosc('Moja inna 1', 'Moja inna 2', 'Moja inna 3')">Wczytaj wyniki div 2</div>


Próbowałem to w taki sposób, ale nie wiem gdzie te zmienne zapakować:
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $(".klik").click(function() {
  4. alert("Okienko");
  5. });
  6. });
  7. <div class="klik">Wczytaj wyniki div 1</div>
  8. <div class="klik">Wczytaj wyniki div 2</div>


cojack
Jeżeli jest to xhtml to możesz divowi nadać swoje atrybuty, które później w js będziesz w stanie pobrać za pomocą metody attr('nazwa');

np:
  1. <div class="klik" wartosc1="Cos tam" wartosc2="ugabuga" wartosc3="akuku">Wczytaj wyniki div 1</div>


i teraz w js jak zrobisz:

  1. ...
  2. $('.klik').click(function(){
  3. my_value_1 = $(this).attr('wartosc1');
  4. itd...
  5. });
  6. ...


Będziesz miał dostęp do tych wartości.
Stef@n
Dzięki rozumie wszystko, pytanie tylko czy to często stosowana praktyka czy są jakieś inne sposoby?
cojack
Nie za bardzo rozumiem po co Ci tyle wartości, ale widocznie masz jakąś potrzebę, ja bardziej na samym id operuję, ale czasami się zdarzy że muszę utworzyć dodatkowy atrybut bo samo id jest mało wygodne, jeżeli chcemy by miało jakąś sensowną nazwę.
Stef@n
OK może uda mi się to załatwić w jednej wartości.

Dziękuje i pozdrawiam
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-2024 Invision Power Services, Inc.