Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery]Wykonanie akcji na elementach pozostałych - poza klikniętym
gcdreak
post
Post #1





Grupa: Zarejestrowani
Postów: 365
Pomógł: 8
Dołączył: 16.12.2008

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


Witam!

Jak wykonać akcje na elementach pozostałych (poza tym który został kliknięty).

Sprawa wygląda następująco:

mam coś takiego:

  1. <ul><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul>


i chcę, żeby po kliknięciu jednej z opcji pozostałe zrobić półprzeźroczyste. Wiem jak zrobić drugą część lecz nie wiem jak je wybrać.




Go to the top of the page
+Quote Post
Czadus
post
Post #2





Grupa: Zarejestrowani
Postów: 164
Pomógł: 4
Dołączył: 29.08.2008

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


Jeżeli do każdego elementu dodałbyś np. unikatową nazwę id, to po kliknięciu, mógłbyś coś wykonać na wszystkich elementach oprócz tego klikniętego. Wygląda to tak:

$("li a[id*=_]:not(#"+$(this).attr("id")+")").fadeTo[...]

W [...] wstawiasz już swoja cala pozostala czesc. Kazdemu elementowi a przypisz id="_[unikatowaLiczba]"

Pisałem z buta, nie testowałem. Możesz sprawdzić.
Go to the top of the page
+Quote Post
skowron-line
post
Post #3





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


@Czadus ale po co takie akcje. Po kliknięciu na konkretny element li można pobrać całą kolekcje elementów i prostym warunkiem to załatwić
[JAVASCRIPT] pobierz, plaintext
  1. if( element != element_klikniety ) wykonaj działanie
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
seth-kk
post
Post #4





Grupa: Zarejestrowani
Postów: 444
Pomógł: 79
Dołączył: 26.05.2009

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


@skowron-line mozna jeszcze prosciej za pomoca parent + siblings
Go to the top of the page
+Quote Post
skowron-line
post
Post #5





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


Cytat(seth-kk @ 29.01.2010, 00:41:34 ) *
@skowron-line mozna jeszcze prosciej za pomoca parent + siblings


@seth-kk podałem takie dość uniwersalne rozwiązanie pasujące do każdej biblioteki, ponieważ nie znam się na jQuery.
Mootools rulezz (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
gcdreak
post
Post #6





Grupa: Zarejestrowani
Postów: 365
Pomógł: 8
Dołączył: 16.12.2008

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


Właśnie siblings o tym zapomniałem

  1. $(this).parent('li').css('opacity', '1');
  2. $(this).parent('li').siblings('li').css('opacity','0.8');


Dzięki

Ten post edytował gcdreak 29.01.2010, 18:22:42
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: 22.08.2025 - 19:23