Insulation from browser specific stylesheet manipulation

[ptwobrussell]

I ran into an interesting use case today where I needed to dynamically create *classes* (because I was using dojo.query extensively to track/maintain state) on they fly, and there was no possible way that these could be known a priori. In doing so, I quickly learned that there wasn't a toolkit provided mechanism for insulating you from the FF vs IE way of dynamically creating classes by manipulating a particular stylesheet (insertRule vs addRule -- both with different params).

This article sort of summarizes the issue:

​http://www.javascriptkit.com/dhtmltutors/externalcss2.shtml

Unless I've missed another better way of doing this, it seems like a good addition to Base perhaps? Something like dojo.createCSSRule maybe?

Anyway, I'd be interested to hear your thoughts on this, and in case you agree, I wanted to go ahead and file it as a ticket so I could track it.

[alex]

Milestone 2.0 deleted

[Mike Wilcox]

Committed revision 14465:

Implementing dojox.html.styles. Insert and remove CSS rules Search document for style sheets Toggle sheets on and off (based on the W3C spec) Includes two tests: test_styles.html which goes though most of the functionality of rules and sheets; and test_themes.html, which demonstrates the W3C manner of toggling style sheets, with the dojo themes."

html/styles.js html/tests/test_styles.html html/tests/test_themes.html

[dante]

does this have any overlap with dojox.data.css ?

[Mike Wilcox]

Yes, there's overlap. There is some functionality with toggling style sheets on and off. But mostly it's a way to manage css without a data store.

Tom and Adam are consulting about it.