| Autor | Zpráva | ||
|---|---|---|---|
| Manny Profil * |
#1 · Zasláno: 22. 12. 2009, 20:36:31
Ahoj, řeším problém, jak obarvit celý řádek tabulky. Napsal jsem si funkci, ta ale bohužel obarví vždy jen jednu buňku, ne všechny v jednom řádku, jak jsem si myslel...
$(function() {
$('tr.parent td').hover(function () {
$(this).css({'background-color' : 'yellow'});
}, function(){
$(this).css({'background-color' : 'white'});
});
})
Nevěděli byste pls, jak na to? Díky ;) |
||
| Nox Profil |
#2 · Zasláno: 22. 12. 2009, 20:44:51
u obou
$(this).parent(). zbytek stejný protože událost je navázaná na buňku, tudíž je v $(this) opět jen buňka |
||
| Manny Profil * |
#3 · Zasláno: 22. 12. 2009, 20:57:02
Nox:
tak jsem to zkusil podle rady takto:
$(function() {
$('tr.parent td').hover(function () {
$(this).parent().css({'background-color' : 'yellow'});
}, function(){
$(this).parent().css({'background-color' : 'white'});
});
})
ale pořád nejde - nezobrazí se mi ani podbabrvení buňky |
||
| Nox Profil |
#4 · Zasláno: 22. 12. 2009, 21:25:05
asi na řádek nejde ta css vlastnost, zkus
$(this).parent().children("td"). |
||
| Manny Profil * |
#5 · Zasláno: 23. 12. 2009, 01:11:18
Nox:
skvělé, díky - jde to, ale abych pravdu řekl, moc tomu nerozumím A ještě bych se chtěl zeptat na jednu věc - dalo by se přes události jQuery nějak udělat, aby když kliknu na řádek tabulky, aby se mi nějak zvýraznil (nějaký ekvivalent k :active) ? Když u tohoto kodu zaměním .hover za .click, tak dostanu efekt, jaký chci:
$(function() {
$('tr.parent td').hover(function () {
$(this).parent().children("td").css({'background-color' : 'yellow'});
}, function(){
$(this).parent().children("td").css({'background-color' : 'inherit'});
});
})
Ale když chci tyto efekty oba - čili po najetí myši na řádek chci, aby se mi provedl hover efekt a po kliknutí na řádek chci, aby se mi řádek podbarvil, tak to podbarvení řádku při kliknutí na něj nefunguje :/ Zkouším takto:
$(function() {
$('tr.parent td').hover(function () {
$(this).parent().children("td").css({'background-color' : 'yellow'});
}, function(){
$(this).parent().children("td").css({'background-color' : 'inherit'});
});
$('tr.parent td').click(function () {
$(this).parent().children("td").css({'background-color' : 'yellow'});
}, function(){
$(this).parent().children("td").css({'background-color' : 'inherit'});
});
})
|
||
| Nox Profil |
#6 · Zasláno: 23. 12. 2009, 16:25:43
click má jen 1 argument, přepínání se asi bude muset udělat ifem, teď mě nenapadá zjednodušení přes nějaké toggle
|
||
|
Časová prodleva: 14 let
|
|||
0