I think you could use this function I made to get a css style rule element (Maybe it could be included in Prototype?) :
function getCssRule(selector) {
var theRules = new Array();
for (var i = 0; i < document.styleSheets.length; i++)
{
theRules = document.styleSheets[i].cssRules || document.styleSheets[i].rules;
for (var j = 0; j < theRules.length; j++) {
if (theRules[j].selectorText == selector)
return theRules[j];
}
}
}
With it you get the actual css rule element you ask by its selector and change it in real time. For example, you can change the following css
.variable_height_divs {
height: 200px;
}
with these javascript code:
getCssRule('variable_height_divs').style.height = '300px';
I tested it in Firefox, IE 6 and Konqueror. It works OK.
I took the idea from http://www.twelvestone.com/forum_thread/view/31411.
Bye!
