accessing a value in css from javascript

[dendenners]

Hi,
I'm using script.aculo.us for some effects on a site I'm building. One of the effects I'm using is Effect.highlight().
The actual code for this would be (for example)

<span id="back" class="wide-button" onclick="new Effect.Highlight(this, { startcolor: '#ffffff' })">

When this div is clicked, the color of the span is temporarily changed to white (#ffffff) to indicate to the user that the button that the div represents has indeed been clicked.

Now, my problem is that the startcolor in this instance is hardcoded in each span. I'd like if possible to get this value from a stylesheet. It doesn't seem possible in css to define custom css attributes.

I tried using the javascript getStyle() function, but I can't define a 'startcolor' css attribute, as it is not valid.

Is there some elegant way to pick up css values in javascript?

Thanks
Denis

 

[BabyJeffy]

In this case, startcolor is being used as an index to an object - whilst it is setting the "start colour for the transition" this has nothing to do with CSS.

There is no way you can do what you want without reverse-engineering the scriptaclous code and modifying it from there (which is hardly worth the effort).

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[monksnake]

Take a look here:

http://snippets.dzone.com/posts/show/1660

The idea of this page may be what you are after.

<.