On my computer I am still having issues can anyone else confirm if they are having the issue as well?
On Jan 15, 1:44 pm, Chrisw <chris.p.wel...@gmail.com> wrote: > 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'); > > >> > > }
