Riadkovy efekt v tabulke

24. 1. 2013 11:16:24

zdravim

ako ma vyzerat jquery tr efektu tabulky? neviem ako docielit aby ked tr bude mat class="dark" aby o riadok podtym zacal efekt (teda riadok nizsie by mal class"odd" atd.) (vid obrazok vpravo)

teraz je to tak (vid obrazok vlavo), ze ked riadku definujem class="dark" tak s tymto riadkom normalne pocita (teda je bud parny alebo neparny, podla toho kolky je to riadok)

moj jquery zapis vyzera takto:

html vyzera takto:

dark je seda

odd (neparny) je biela

even (parny) je siva

resp. ked tak rozmyslam su mozne dve moznosti riesenia

1. aby z pocitania odd even vynechavalo tr ktore obsahuje iba th

2. aby z pocitania odd even vynechavalo tr ktore obsahuje class="dark"

tym pocitanim myslim to ze ked bude mat tr class="dark" tak s tymto riadkom sa nebude ratat a az pod tymto riadkom az zacne efekt

24. 1. 2013 11:16:24

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857185

Martin Schlemmer

(36 hodnocení)

24. 1. 2013 11:35:07

Viz http://jsbin.com/asuzer/1/edit

24. 1. 2013 11:35:07

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857184

Joseph777

24. 1. 2013 11:45:44

Napsal Martin Schlemmer;899172
$("table tbody tr:nth-child(odd):not(.dark)") .addClass("odd");$("table tbody tr:nth-child(even)") .addClass("even");
Viz http://jsbin.com/asuzer/1/edit

diky ale takto mi to funguje aj teraz

praveze ja chcem aby vzdy pod riadkom tr class="dark" bol riadok s class="odd"

24. 1. 2013 11:45:44

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857183

Martin Schlemmer

(36 hodnocení)

24. 1. 2013 11:54:37

A proč? "odd" je "lichý/nepárný". Prostě přehoďte barvy v CSS.

24. 1. 2013 11:54:37

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857182

Joseph777

24. 1. 2013 12:12:34

nechapeme sa aj podla toho vasho zapisu to nefunguje takto (aby vzdy pod riadkom tr class="dark" bol riadok s class="odd" )

pretoze ked sa na tu tabulku pozriem stale je tam odd even effect a je jedno kde je tr s class="dark" (raz je tento riadok namiesto riadku s class="even" raz namiesto riadku s class="odd" zalezi kde ten riadok umiestnim) ale ja to chcem praveze rozbit aby vzdy pod riadkom s class="dark" bol riadok s class="odd" (tak ako je to uvedene na obrazku vpravo)

---------- Příspěvek doplněn 24.01.2013 v 12:30 ----------

jednoducho teraz je vzdy namiesto class odd alebo even class dark (zalezi kde ten riadok s dark umiestnim) a je dodrzane ze idu riadky

dark (namiesto odd)

even

odd

even

dark (namiesto odd)

even

odd

even

dark (namiesto odd)

even

dark (namiesto odd)

even

ale ja to chcem takto (vzdy odd za dark)

dark

odd

even

odd

dark

odd

even

dark

odd

dark

odd

24. 1. 2013 12:12:34

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857181

Jan Matoušek

(12 hodnocení)

24. 1. 2013 15:15:35

takhle myslíš?

http://jsbin.com/idujub/1/edit

24. 1. 2013 15:15:35

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857180

Joseph777

24. 1. 2013 20:50:45

Napsal Jan Matoušek;899311
takhle myslíš?
http://jsbin.com/idujub/1/edit

diky funguje ale neda sa tam dat este nejaka brzda

myslim to ze ked je viac tabuliek na stranke abc.html a jedna tabulka konci s riadkom s class="odd" dalsia tabulka ktora je napr. pd tou prvou vzdy zacne s riadkom s class="even"

v jquery pouzivam toto( var trs = $('table tbody').find('tr')) aby mi efekt robilo pre vsetky tabulky vseobecne

24. 1. 2013 20:50:45

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857179

Jan Matoušek

(12 hodnocení)

24. 1. 2013 23:55:23

tak projeď tabulky a pak projeď tr ne $('table tbody').each(function(){$(this).find(''tr)})

24. 1. 2013 23:55:23

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857178

Joseph777

25. 1. 2013 00:38:32

nechapem, co mam urobit?

25. 1. 2013 00:38:32

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857177

Bacon

(2 hodnocení)

25. 1. 2013 00:52:08

Neznám jQuery, ale myslím, že Jan Matoušek chtěl říct, že máš nejdřív projet všechny a potom v nich projet a ne to udělat pomocí $('table tbody').each(function(){$(this).find(''tr)}).

V PHP by to bylo něco jako:

foreach ( $tables as $table )

foreach ( $trs as $tr ) {

}

25. 1. 2013 00:52:08

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857176

Jan Matoušek

(12 hodnocení)

25. 1. 2013 09:21:28

přesně tak, když začne nová tabulka, nastavíš zase i=1.

V podstatě ten kód co jsem poslal, stačí zabalit do dalšího cyklu, který bude procházet všechny tabulky na stránce ($('table tbody').each(function(){})) a do toho dalšího cyklu se pošlou pouze tr tabulky, kterou prochází. ($(this).find('tr'))

Je dobré si představit, co se v tom programu děje, pak by to mělo být jasné;-)

25. 1. 2013 09:21:28

https://webtrh.cz/diskuse/riadkovy-efekt-v-tabulke/#reply857175

Pro odpověď se přihlašte.

Přihlásit