Autor Zpráva
bacil
Profil *
SOS , prosím o radu,
mám poměrně obsáhlou tabulku s cca 10 sloupci (vypisuji ji z MySql)
pro zvýšení přehlednosti bych potřeboval, aby se po najetí myši na řádek
změnila barva pozadí celého řádku.
Nevíte prosím někdo jak na to?
Moc díky za radu
nightfish
Profil
bud pres CSS pres tr:hover {background-color: #abc;} (nefunguje v IE)
a nebo pres javascript nastavit onmouseover="switchBg(this)" onmouseout="switchBgBack(this)"
a pak
function switchBg(this) {
this.style.backgroundColor = '#abc';
}

function switchBgBack(this) {
this.style.backgroundColor = '#fff';
}

teda s tim javascriptem netusim jestli to bude fungovat, psal jsem to z hlavy...
bacil
Profil *
díky,
zatim se ale nezadařilo
nightfish
Profil
tak jsem se na to díval
používám javascript

String.prototype.toRGBcolor = function(){
var varR, varB, varG;
varR = parseInt(this.substring(1,3), 16);
varG = parseInt(this.substring(3,5), 16);
varB = parseInt(this.substring(5,7), 16);
return "rgb(" + varR + ", " + varG + ", " + varB + ")";
}

function switchStyle(obj) {
var color1, color2;
color1 = "#ffaaaa";
color2 = "#ffffff";
var color;
var check;
color = obj.style.backgroundColor;
if (color == color1.toRGBcolor()) {
obj.style.backgroundColor = color2;
obj.firstChild.firstChild.checked = false;
} else {
obj.firstChild.firstChild.checked = true;
obj.style.backgroundColor = color1;
}
}

a v kódu pak

<tr onmouseover="switchStyle(this)" onmouseout="switchStyle(this)"><td>...</td></tr>
<tr onmouseover="switchStyle(this)" onmouseout="switchStyle(this)"><td>...</td></tr>
mata
Profil
http://www.fczbkk.com/js/tab_hl/

nebo možná bude stačit

http://www.fczbkk.com/js/tablemagic/
bacil
Profil *
Díky,
tváří se to, že to funguje , jen to má jeden háček,
po přejetí celé tabulky, se postupně změní barva pozadí
všech řádek a tak zůstane
nightfish
Profil
pokud máš ve všech řádcích tabulky buňky stejné barvy, tak to nevadí, jen je potřeba nastavit barvu color2 na tu původní
a jestli se ti barvy pozadí nějak střídají, tak to bude potřeba ještě nějak vychytat... na to mě nic moc jednoduchýho teď nenapadá
bacil
Profil *
Díky,
už to chodí
Toto téma je uzamčeno. Odpověď nelze zaslat.

0