modernizr class toggling added.

paulirish · paulirish · commit bf77500c2ef1 · 2011-08-28T16:05:51.000-07:00
diff --git a/deCSS3.js b/deCSS3.js
@@ -21,6 +21,7 @@ var deCSS3 = {
         elem.parentNode.removeChild( elem );
       });
     }
+    this.toggleModernizr();
   },
 
 
@@ -141,6 +142,24 @@ var deCSS3 = {
         stylesheet.disabled = true;
       }
     });
+  },
+  
+  toggleModernizr: function(){
+    if (!window.Modernizr) return;
+    
+    var newclasses = document.documentElement.className,
+        bool, regex, match
+    
+    for (var feat in Modernizr){
+      bool = Modernizr[feat];
+      regex = RegExp('(?:^|\\s)(no-)?' + feat + '(?:\\s|$)');
+      match = newclasses.match(regex);
+      
+      if (match){
+        newclasses = newclasses.replace(regex, (((match[1] == 'no-') ? ' ' : ' no-') + feat) + ' ')
+      }      
+    }
+    document.documentElement.className = newclasses;
   }
 }
 // Auto-init
diff --git a/example.html b/example.html
@@ -128,6 +128,7 @@
       }
 
     </style>
+    <script src="modernizr.custom.17939.js"></script>
   </head>
   <body>
     <header class="multiple_backgrounds">
@@ -143,14 +144,21 @@
     </section>
 
     <script>
-      var trigger = document.getElementsByTagName('a');
-      trigger[0].onclick = function(e){ 
+      document.getElementsByTagName('a')[0].addEventListener('click', function(e){ 
+        
         e.preventDefault();
-        s=document.createElement('script');
+        
+        if (window.deCSS3){
+          deCSS3.init( document.querySelectorAll( '.deCSS3-Style' ) );
+          return;
+        }
+        
+        var s = document.createElement('script');
         s.type='text/javascript';
-        s.src='deCSS3.js?v='+parseInt(Math.random()*99999999);
+        s.src='deCSS3.js?v=' + parseInt(Math.random() * 99999999);
         document.body.appendChild(s);
-      };
+        
+      }, false);;
     </script>
 
   </body>
diff --git a/modernizr.custom.17939.js b/modernizr.custom.17939.js
