Really?! were you hovering over one of the states or the images below the map? I already know it works if you hover over the images below but my problem is what the states adding a border to an image below. Also Oregon and Washington may already be working but other states are not working.
Thanks to all for helping. On Jan 15, 1:43 am, "jQuery Lover" <ilovejqu...@gmail.com> wrote: > Did you solve the problem? > > My FF and IE show the same border and act the same way (except FF has > fade in/out effect). > > I'm using IE7. > > ---- > Read jQuery HowTo Resource - http://jquery-howto.blogspot.com > > On Thu, Jan 15, 2009 at 10:44 AM, Chrisw <chris.p.wel...@gmail.com> wrote: > > > Let me try to clear this up in FF when you hover over a state (an > > "area" element) one (or more) of the images below should get a border > > around them, however, in IE nothing happens.. and I put an alert box > > in to see if anything was going on when you hover a state but in IE > > the alert box never showed, and in FF the alert did show up. > > > -c > > > On Jan 14, 9:36 pm, Chrisw <chris.p.wel...@gmail.com> wrote: > >> Sorry about all the alert boxes they should be gone now, also thank > >> you for the shorter code I was going to make the code shorter once I > >> got this error worked out and you just saved me sometime ;) ... but I > >> still have the same issue I cannot get $("area").hover(or mouseover) > >> to work in IE. > > >> On Jan 14, 9:00 pm, 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 anarea(based on the > >> > > iamges ID and thearea'sclass)(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'); > >> > > }
