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 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');
> > > }
