Comments on: Enable JavaScript specific CSS with one line of jQuery http://greatwebguy.com/programming/dom/enable-javascript-specific-css-with-one-line-of-jquery/ Self-proclaimed greatness is a hard thing to prove. Tue, 15 May 2012 21:39:02 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: webguyhttp://greatwebguy.com/programming/dom/enable-javascript-specific-css-with-one-line-of-jquery/#comment-391 webguy Tue, 04 May 2010 19:59:10 +0000 http://greatwebguy.com/?p=132#comment-391 document.documentElement.className = "js"; at the top of the head section does the trick for me. I wrote another more recent article http://greatwebguy.com/programming/css/writing-javascript-specific-css/, but everyone ends up reading this one because it has jQuery in the title. Go figure. document.documentElement.className = “js”; at the top of the head section does the trick for me. I wrote another more recent article http://greatwebguy.com/programming/css/writing-javascript-specific-css/, but everyone ends up reading this one because it has jQuery in the title. Go figure.

]]> By: Andrewhttp://greatwebguy.com/programming/dom/enable-javascript-specific-css-with-one-line-of-jquery/#comment-390 Andrew Tue, 04 May 2010 18:39:10 +0000 http://greatwebguy.com/?p=132#comment-390 agreed webguy. FWIW, I don't think document.body is standard JS, yet all modern browsers seem to support it :-) agreed webguy. FWIW, I don’t think document.body is standard JS, yet all modern browsers seem to support it :-)

]]> By: webguyhttp://greatwebguy.com/programming/dom/enable-javascript-specific-css-with-one-line-of-jquery/#comment-389 webguy Tue, 04 May 2010 18:23:16 +0000 http://greatwebguy.com/?p=132#comment-389 So everyone wants to recommend the use of the js class on the body element instead of the html element. Call me rogue and tell me my html is invalid, I haven't found a browser yet that doesn't recognize what I'm doing and I use this technique on the number 3 retail site in the world and it works well, with no flash of incorrectly styled content. While I would tend to agree that valid markup is the best, in this case, why jump through hoops to prevent adding the class to the html node, it's like trying to get jQuery to run through jslint, ask yourself why you're jumping through hoops to end up with a less than adequate solution. So everyone wants to recommend the use of the js class on the body element instead of the html element. Call me rogue and tell me my html is invalid, I haven’t found a browser yet that doesn’t recognize what I’m doing and I use this technique on the number 3 retail site in the world and it works well, with no flash of incorrectly styled content. While I would tend to agree that valid markup is the best, in this case, why jump through hoops to prevent adding the class to the html node, it’s like trying to get jQuery to run through jslint, ask yourself why you’re jumping through hoops to end up with a less than adequate solution.

]]> By: Andrewhttp://greatwebguy.com/programming/dom/enable-javascript-specific-css-with-one-line-of-jquery/#comment-388 Andrew Tue, 04 May 2010 18:15:56 +0000 http://greatwebguy.com/?p=132#comment-388 of course, upon trying to use the "body" tag instead of the "html" tag I ran into the now obvious issue of trying to access a nonexistend DOM element. So.... i guess you can either use a non-standard attribute on the "html" tag, or take your line of JS out of the head and slip it in immediately after the opening body tag. I'm trying the latter, with the modification to simply remove the "nojs" class (thereby preserving any other class that I might want to use in the future) document.body.className = document.body.className.replace(/\s*nojs\s*/, ""); of course, upon trying to use the “body” tag instead of the “html” tag I ran into the now obvious issue of trying to access a nonexistend DOM element.

So…. i guess you can either use a non-standard attribute on the “html” tag, or take your line of JS out of the head and slip it in immediately after the opening body tag. I’m trying the latter, with the modification to simply remove the “nojs” class (thereby preserving any other class that I might want to use in the future)

document.body.className = document.body.className.replace(/\s*nojs\s*/, “”);

]]> By: Andrewhttp://greatwebguy.com/programming/dom/enable-javascript-specific-css-with-one-line-of-jquery/#comment-387 Andrew Tue, 04 May 2010 16:59:41 +0000 http://greatwebguy.com/?p=132#comment-387 heh, filtered that out too. Use "body" tag rather than "html" tag. That's all :-) heh, filtered that out too. Use “body” tag rather than “html” tag. That’s all :-)

]]>