| Autor | Zpráva | ||
|---|---|---|---|
| Marek Janů Profil |
#1 · Zasláno: 26. 9. 2007, 18:55:49
Ahoj,
viděl jsem pár skriptíků, které toto zajišťovali, ale dělal to nějakej amatér a zbytečně složitě. Mohl by mi zde někdo předvést co nejjednodušší postup? Mějme tabulku: <TABLE class="tabulkaukterechcibarvitradky"> <TR><TD>1. buňka 1. řádek</TD><TD>2. buňka 1. řádek</TD></TR> <TR><TD>1. buňka 2. řádek</TD><TD>2. buňka 2. řádek</TD></TR> <TR><TD>1. buňka 3. řádek</TD><TD>2. buňka 3. řádek</TD></TR> . . . </TABLE> A jaký CSS a javascript kód k tomu, aby se dejme tomu z modrého pozadí stalo červené při najetí na daný řádek? |
||
| Alphard Profil |
#2 · Zasláno: 26. 9. 2007, 18:58:55
<style>
tr:hover {background-color: red} </style> nepojede to v IE, neumí pseudotřídu :hover na tr |
||
| Marek Janů Profil |
#3 · Zasláno: 26. 9. 2007, 19:02:58
nepojede to v IE, neumí pseudotřídu :hover na tr
Tak to je dost škoda.. No, chtěl bych to udělat nějak abych třeba nemusel do každého řádku v té tabulce psát: onmouseover="this.className='modra'" onmouseout="this.className='zluta'" a smozřejmě že bych IE nerad vynechal.. |
||
| Str4wberry Profil |
#4 · Zasláno: 26. 9. 2007, 19:03:19
Alphard: „nepojede to v IE, neumí pseudotřídu :hover na tr“
Marek Janů Takže to pro MSIE můžeš udělat takto — http://www.jakpsatweb.cz/javascript/priklady/table-row-hover.html |
||
| habendorf Profil |
#5 · Zasláno: 26. 9. 2007, 19:07:52
|
||
| Alphard Profil |
#6 · Zasláno: 26. 9. 2007, 19:08:49
co třeba hover.htc?
|
||
| peta Profil |
#7 · Zasláno: 27. 9. 2007, 17:46:18
|
||
| Bubák Profil |
#8 · Zasláno: 27. 9. 2007, 18:43:01
<style>
tr {background: #ccc; behavior: url('prebarveni.htc')} tr:hover {#ff0} </style> <table> <tr> <td>řádek měnící barvu</td> <td>Lorem ipsum</td> </tr> <tr> <td>řádek měnící barvu</td> <td>Lorem ipsum</td> </tr> </table> Obsah souboru prebarveni.htc <componet> <attach event="onmouseover" onevent="prebarvit('#ff0')"> <attach event="onmouseout" onevent="prebarvit('#ccc')"> <script> function prebarvit(barva) { element.style.background = barva; } </script> </component> Podle Přiřazení skriptu stylem - behavior a HTC |
||
|
Časová prodleva: 5 měsíců
|
|||
| saintanwar Profil |
#9 · Zasláno: 9. 3. 2008, 10:14:28
snadné řešení fungující pod IE a FF
vlož do potřebného řádku či buňky :-) onmouseover="this.style.backgroundColor='#000000';" onmouseout="this.style.backgroundColor='#FFFFFF';" |
||
|
Časová prodleva: 3 měsíce
|
|||
| gi Profil * |
#10 · Zasláno: 25. 5. 2008, 20:39:28
<style>
tr:hover {background-color: red} </style> |
||
|
Časová prodleva: 6 měsíců
|
|||
| VelkyBubak Profil * |
Marek Janů
Tak maximálně skriptem: function Barva(barva) { this.className=barva; } zjednodušíš to asi takhle: onmouseover="Barva('modra')" onmouseout="Barva('zluta')", přičemž než tohle, bych tam snad dal rovnou: function Barva(barva1;barva2) { this.backgroundColor=barva1; this.color=barva2; } |
||
|
Časová prodleva: 2 měsíce
|
|||
| Fresk Profil * |
#12 · Zasláno: 9. 1. 2009, 11:14:22
a když chci udělat odkaz?aby se mi po najetí změnila barva ze světle zelený na tmavou tak to udělám jak?
|
||
| Bubák Profil |
#13 · Zasláno: 9. 1. 2009, 13:32:25
Nadeklaruješ barvy pro "a" a pro "a:hover".
|
||
| srigi Profil |
#14 · Zasláno: 9. 1. 2009, 13:44:15
Riesenie s hover.htc mozem iba doporucit.
|
||
| Harik Profil * |
#15 · Zasláno: 9. 1. 2009, 16:17:30
Právě dneska jsem to začal řešit, hlavně pro lepší přehlednost. Vypisuju z DB data do tabulky a každý sudý řádek barvím takhle
<?if ($sudy) echo "bgcolor=aqua"?> onmouseover="this.style.backgroundColor='gray';" onmouseout="this.style.backgroundColor='aqua';" |
||
| Harik Profil * |
#16 · Zasláno: 9. 1. 2009, 16:23:19
Jééé jsem primitiv, pardon omlouvám se za "inteligentní" dotaz.
|
||
|
Časová prodleva: 2 měsíce
|
|||
| Vladimír Profil * |
#17 · Zasláno: 13. 3. 2009, 15:34:08
Dobrý den,
momentálně řeším podobný problém - s tím rozdílem, že potřebuji měnit barvu celého řádku vzdáleně(čili ne pomocí onmouseover atd.) příklad: mám formulář, a pomocí js kontroluji zda jsou vyplněna všechna pole a pokud není, tak chci obarvit celý řádek a já nevím jak na něj odkázat... |
||
|
Časová prodleva: 9 let
|
|||