Hover na tabulce

19. 9. 2012 15:36:27

Zdravim mistni asi JS guru,

napadl me problem, ktery nevim, jak celkove vyresit.

Jde o to, ze bych chtel hover efekt na tabulce (:hover znam), ale ne jen na radku, ale i na prislusnem sloupci a to tak, aby to delalo rovnou zvyrazeneny kriz (napr 2. sloupec + 5. radek).

Je neco takoveho resitelne max pomoci jquery, kdyz ne jen pomoci klasickeho css?

Diky za inspiraci

19. 9. 2012 15:36:27

https://webtrh.cz/diskuse/hover-na-tabulce/#reply810266

Jirka

(74 hodnocení)

19. 9. 2012 15:46:03

Ahoj,

vzhledem ke struktuře elementů v klasické tabulce nepůjde označit sloupec (při hoveru myši nad buňkou) jen přes CSS. Staticky to samozřejmě jde přes nth-child, ale pro dynamické značení to bude muset ošetřit skript (spočítat pořadí buňky a změnit ostatní ve sloupci, třeba zrovna použitím nth-child)

19. 9. 2012 15:46:03

https://webtrh.cz/diskuse/hover-na-tabulce/#reply810265

ghostik

(21 hodnocení)

19. 9. 2012 15:50:25

jj, CSS jsem jako samospasne reseni zavrhl

ted zjistuji, jak to poresit pres jquery, ale zatim nenachazim nic, co by mi pomohlo

19. 9. 2012 15:50:25

https://webtrh.cz/diskuse/hover-na-tabulce/#reply810264

Jirka

(74 hodnocení)

19. 9. 2012 15:54:02

ja na tom nevidím nic složitého > ve funkci obsluhující hover nad buňkou si spočítáš všechny předchozí elementy td a to číslo (+1) pak použiješ pro každý td na každém řádku

řádky se dají označit jen přes css

19. 9. 2012 15:54:02

https://webtrh.cz/diskuse/hover-na-tabulce/#reply810263

ghostik

(21 hodnocení)

19. 9. 2012 15:57:04

jelikoz mi jquery rika jen tolik, co si prectu v tutorialu, tak spise hledam nejake ucelene reseni, ktere si pak upravim dle svych potreb

19. 9. 2012 15:57:04

https://webtrh.cz/diskuse/hover-na-tabulce/#reply810262

Jirka

(74 hodnocení)

19. 9. 2012 16:04:39