>> Just use the hover function, there is no plugin needed.
>>
>> $("td").hover(function(){
>> $(this).addClass("over");
>> },function(){
>> $(this).addClass("out");
>> });
> No, unfortunately it's not that easy if you want to
> highlight a complete column...
It's almost that easy. You can put a colgroup in the table and add the class
to the col element for that column. Worked for me in Firefox and IE6. I'm
sure there's a cleaner way to get the column index but this will get you
close.
.hilite { background: #ffa; }
table { border-collapse: collapse; border-spacing:0; }
<table id="tab">
<colgroup><col><col><col><colgroup>
<tr><td>When a</td><td>problem comes</td><td>along,</td></tr>
<tr><td>you must</td><td>whip it</td><td></td></tr>
<tr><td>Before the</td><td>cream stays</td><td>out too long</td></tr>
<tr><td>you must</td><td>whip it</td><td>When something's</td></tr>
<tr><td>going wrong</td><td>you must</td><td>whip it</td></tr>
</table>
$("td").hover(function(){
var col = $(this.parentNode.childNodes).index(this);
$($("#tab col")[col]).addClass("hilite");
},function(){
var col = $(this.parentNode.childNodes).index(this);
$($("#tab col")[col]).removeClass("hilite");
});
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
