dojox.html.styles Test

With the buttons on the left, insert and remove rules with a dynamically created stylesheet. Use the radio buttons to create a second style sheet. Toggle them on and off. See the log for more style sheet tests.

Dynamic Stylesheets
Use Style Sheet:
p { font-size:24; margin:20px;}
p { font-size:12; color:#ff0000;}
.woot { color:#ff0000; }
.woot { color:#00ff00; }
p span {font-weight:bold;}
span {font-style:italic;}

paragraph text

paragraph class=foo text span class=woot with a span inside it

paragraph class=bar text span class=zoot with a span inside it

external span class=xoot
1.3.2 (18832)
Style Sheets tests:
dojox.html.getStyleSheet [is false]: false
default ss created: {ownerRule:null cssRules:[object CSSRuleList] }
insertRule: p { font-size:24; margin:20px;}
dojox.html.getStyleSheet [object is default]: < style id="" />
dojox.html.activeStyleSheet: dojoDefault
toggled style sheet: dojoDefault enabled: true
toggled style sheet: altStyle enabled: true
style sheet: dojoDefault
style sheet: http://115.160.149.198:8080/shopcash/javascript/dojo/resources/dojo.css
style sheet: http://115.160.149.198:8080/shopcash/javascript/dijit/tests/css/dijitTests.css
style sheet: altStyle
style sheet: *Persistant*
style sheet: *Persistant*
dojox.html.getStyleSheet [href:dijitTests.css, object]: {id: ownerRule:[object CSSImportRule] }
dojox.html.getStyleSheet [title:BadStyleName]: false