> I know... no Firebug in IE. Poo. maybe give firebug lite a go. it's a firebug library you can embed into a page and view through any browser you like.
http://getfirebug.com/lite.html it's always useful for trying to hack out random IE bugs. On Jan 15, 5:00 am, James Van Dyke <jame...@gmail.com> wrote: > Ok... that's a hard page to get away from with all those alert boxes. > I know... no Firebug in IE. Poo. > > I believe that "class" is not what IE calls that attribute. For > instance, element.class will return nothing. element.className is the > correct property. Try that. > > Plus, you could shorten your code and make it a bit more readable: > > $("area").mouseover( function(){ > $("#" . $(this).attr("class")).addClass('selected');}.mouseout( > function() { > > $("#" . $(this).attr("class")).removeClass('selected'); > > }; > > Let me know how that works out. > > On Jan 14, 6:30 pm, Chrisw <chris.p.wel...@gmail.com> wrote: > > > sorry if this is a repost but I didn't see it in the group and I > > didn't get a copy in my email. I am working with an image map and i am > > using the maphilight plugin and I want to add a border to an image > > below the image map when a user hovers over an area (based on the > > iamges ID and the area's class)(see code below) I got it to work in FF > > but I cannot get it to work in IE. Any help? > > > URL:http://oregonstate.edu/admissions/firstyear/recruitmap/map/ > > > Code: > > $("area").hover(function(){ > > var stateClass; > > stateClass = $(this).attr("class"); > > var stateClassQuery; > > stateClassQuery = "#"+stateClass; > > alert(stateClassQuery);//for testing > > $(stateClassQuery).addClass('selected'); > > //mouse out > > }, > > function(){ > > var stateClass; > > stateClass = $(this).attr("class"); > > var stateClassQuery; > > stateClassQuery = "#"+stateClass; > > $(stateClassQuery).removeClass('selected'); > > }