Accessing LINK properties in the DOM

Hey,

I'm trying to change a link from an image rollover.  Doesn't seem to me that JS supports changing a links class...is there a way to switch to the hover class without rolling over the link?  Is there another way?  I'd rather not use layers, due to the x-platform differences.

Thanks,

Raydot.
LVL 3
RaydotAsked:
Who is Participating?
 
COBOLdinosaurConnect With a Mentor Commented:
Without layers you are not going to do it in netscapes because you have to dynamically re-write with the new class designation.

For IE just use:

document.all["idname"].className="blah"

Where idname name is the value of the id attribute for the link. I think the link probably has to have a initial class value for className to exist, or you may have to wrap a div around it and use the id of the div

Cd&
 
0
 
RaydotAuthor Commented:
DOH, that's what I thought.  Well, I'll leave it open for a bit, if no one else has an answer I'll give you points for confirming what I said.  I was just hoping I'd missed something.
0
 
COBOLdinosaurCommented:
You never know. Every once in a while someone finds a new magic trick (which I quickly copy to my HD).

Cd&
0
Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

 
CJ_SCommented:
*LOL@Cd&*

Anyway, the way I do this is by using 2 layers. One with the main-layout, and the other one with the clicked state or mouse-over state. Both layers are exactly alike (with other words, the links and other items appear right above each other, just another color or bold or whatsoever).

Whenever needed I show the clicked-state layer. But it has a clipping rectangle set to 0,0,0,0. So, even when the layer itself is set to visible, you won't see any items. After that I am just doing a couple of calculations for which item should be shown, and set the new clipping-rectangle. Doing it this way eliminiates the need for a lot of layers for each menu-item. :-/

As you have said you do not want to use layers, but if you do want to do it this way, I might be able to give you a small sample (not from one of my projects).

regards,
CJ
0
 
RaydotAuthor Commented:
Right, the "webmonkey" method.  No, I knew I could do it that way, I was just wondering if I missed somthing in the JS Spec.  You know like document.links[].class or something like that...

Thanks, since CD was the one to first break me out of my little cloud, the points are his...
0
 
COBOLdinosaurCommented:
Sorry we couldn't find any magic.

Thanks for the A.:^)

Cd&
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.