Hi Kevin,
I have not checked the code since I just wrote and submitted it.
However I don't see any cross browser problems in this script. You
could try to add semicolons where I've missed previously and move the
function declaration before the jquery script like this:
function getNeighbor(el, cls){
if($(el).prev().hasClass(cls)){
return $(el).prev();
}
if($(el).next().hasClass(cls)){
return $(el).next();
}
}
$(function(){
$('.Row').hover(function(){
$(this).addClass('hover');
getNeighbor(this, 'Row').addClass('hover');
},
function(){
$(this).removeClass('hover');
getNeighbor(this, 'Row').removeClass('hover');
});
$('.AltRow').hover(function(){
$(this).addClass('hover');
getNeighbor(this, 'AltRow').addClass('hover');
},
function(){
$(this).removeClass('hover');
getNeighbor(this, 'AltRow').removeClass('hover');
});
});
----
Read jQuery HowTo Resource - http://jquery-howto.blogspot.com
On Mon, Jan 26, 2009 at 9:23 PM, kevind <[email protected]> wrote:
>
> Update on this project....
>
> i've opted to roll up to 1 row as end users of this private app. have
> more screen space horizontally that i can work with.
> however, the script below doesn't appear to work in Firefox - it works
> fine in IE 6, Chrome
>
> what's up with that ?
>
> my on-page style is
> tr.hover td{ background-color: LemonChiffon; }
>
> any help appreciated
>
>
>> I'm using function:
>> =================
>> $(function(){
>> $('.Row').hover(function(){
>> $(this).addClass('hover');
>> },
>> function(){
>> $(this).removeClass('hover');
>> })
>> $('.AltRow').hover(function(){
>> $(this).addClass('hover');
>> },
>> function(){
>> $(this).removeClass('hover');
>> })
>> =================
>
