Hover na tabulce

verified

(21 hodnocení)

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

verified

(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

verified

(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

verified

(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

verified

(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

verified

(74 hodnocení)

19. 9. 2012 16:04:39

nejak takhle

pisu to ale rovnou sem z hlavy bez testovani, tak snad je to cele bez chyb :)

PS. pro označení řádku stačí dopsat do obsluhy mouseoveru $(this).siblings().addClass('oznaceni');

19. 9. 2012 16:04:39

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

verified

(12 hodnocení)

19. 9. 2012 16:43:14

http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html#

19. 9. 2012 16:43:14

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

verified

(21 hodnocení)

19. 9. 2012 17:19:34

oba bod

Matousek: tak to je neco, diky

19. 9. 2012 17:19:34

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

verified

19. 9. 2012 23:52:05

no pokud to nechces skladat od piky vyzkousej tohle http://cssglobe.com/lab/tablecloth/

19. 9. 2012 23:52:05

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

Pro odpověď se přihlašte.

Prodej Více

Prodej zavedené domény e-chujoviny.cz, ideální pro karnevalové kostýmy, párty a dárky

2 999 Kč

0 příhozů

Prodej prémiové domény s historií susenepochoutky.cz

1 999 Kč

0 příhozů

ADULT WEB S UMĚLOU INTELIGENCÍ 🤖 – VYBUDUJTE SI PASIVNÍ PŘÍJEM 💸

14 999 Kč

0 příhozů

Prodám doménu www.druhaliga.sk – Ideální pro sportovní projekty!

1 399 Kč

0 příhozů

ZFB

15 000 Kč

0 příhozů

Poptávky Více

Hledám někoho na úpravu fotek ( realitních )

Hledáme specialistu na Meta Ads

Hledáme parťáka na vkládání obrázků do článků!

🎥 Hledáme 2 střihače pro Instagram Reels & TikTok & YouTube krátká a dlouhá videa

robot na odepisovani z gmailu

Pracovní nabídky Více

FE Developer – Angular (m/f)

IT Application Manager/Consultant

Hledáme PHP vývojáře se znalostí SuiteCRM / SugarCRM

Práce z domu, Praha

70 000 - 100 000 Kč

Brno, Práce z domu

Vue.js Developer

Práce z domu, Praha

Nabídky Více

🔥 Limitovaná nabídka: 🇨🇿 České sedací vaky a taburety s firemním brandingem

🖨️ Hledáte spolehlivého dodavatele prezentačních systémů a propagačních předmětů? Vyrábíme již od 1 kusu

🇨🇿 Česká kvalita na vašem e-shopu: Prodávejte bytový textil a dárky, které mají duši

Postarám se o Váš e-shop – produkty, UX i kompletní chod

Profesionální tvorba webových aplikací, skriptů a automatizací (.NET, C#, React, TypeScript, Windows)