Autor Zpráva
Marek Janů
Profil
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
<style>
tr:hover {background-color: red}
</style>

nepojede to v IE, neumí pseudotřídu :hover na tr
Marek Janů
Profil
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
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
http://pokusy.1-webdesign.cz/tr-hover.html

Třeba.
Alphard
Profil
co třeba hover.htc?
peta
Profil
http://www.volny.cz/peter.mlich/Pr/menuedul.htm
Bubák
Profil
<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
saintanwar
Profil
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';"
gi
Profil *
<style>
tr:hover {background-color: red}
</style>
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;
}
Fresk
Profil *
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
Nadeklaruješ barvy pro "a" a pro "a:hover".
srigi
Profil
Riesenie s hover.htc mozem iba doporucit.
Harik
Profil *
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"?>
a pro změnu při najetí používám tento kód
onmouseover="this.style.backgroundColor='gray';" onmouseout="this.style.backgroundColor='aqua';"
jenže když najedu na lichý řádek tak mi to pak nevrátí bílou barvu ale celá tabulka mi zmodrá. Neexistuje nějaký fígl jak to spravit?
Harik
Profil *
Jééé jsem primitiv, pardon omlouvám se za "inteligentní" dotaz.
Vladimír
Profil *
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...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: