Fix for internet explorer

Author: marcj

README.md

@@ -9,7 +9,7 @@ This means:
  - No interval/timeout detection. It's truly event-based.
  - No CSS modifications. Valid CSS Syntax.
  - All CSS selectors available. It uses the normal attribute selector.
- - Support for webkit/gecko/internet explorer.
+ - Support and tested in webkit, gecko and internet explorer(8/9/10).
  - `min-width`, `min-height`, `max-width` and `max-height` are yet supported.
  - It works for actual all layout modifications: HTML (innerHTML etc), inline styles, DOM mutation, CSS3 transitions, fluid layout changes (parent changes too), pseudo classes (:hover etc), window resizes, etc.
  - No Javascript-Framework dependency, so works with jQuery, Mootools, etc.

src/ElementQueries.js

@@ -141,7 +141,15 @@
          * @param {String} value
          */
         function queueQuery(selector, mode, property, value) {
-            var elements = document.querySelectorAll(selector);
+            var query = document.querySelectorAll;
+            if ('undefined' !== typeof $$) query = $$;
+            if ('undefined' !== typeof jQuery) query = jQuery;
+
+            if (!query) {
+                throw 'No document.querySelectorAll, jQuery or Mootools\'s $$ found.';
+            }
+
+            var elements = query(selector);
             for (var i = 0, j = elements.length; i < j; i++) {
                 setupElement(elements[i], {
                     mode: mode,
@@ -151,32 +159,43 @@
             }
         }
 
-        var regex = /,*([^,]*)\[[\s\t]*(min|max)-(width|height)[\s\t]*[~$\^]?=[\s\t]*"([^"]*)"[\s\t]*]/;
+        var regex = /,?([^,\n]*)\[[\s\t]*(min|max)-(width|height)[\s\t]*[~$\^]?=[\s\t]*"([^"]*)"[\s\t]*]([^\n\s\{]*)/mgi;
 
         /**
-         * @param {CssRule} rule
+         * @param {String} css
          */
-        function extractQuery(rule) {
-            var matches = regex.exec(rule.selectorText);
-            if (matches && 5 === matches.length) {
-                queueQuery(matches[1], matches[2], matches[3], matches[4]);
+        function extractQuery(css) {
+            var match;
+            css = css.replace(/'/g, '"');
+            while (null !== (match = regex.exec(css))) {
+                if (5 < match.length) {
+                    queueQuery(match[1] || match[5], match[2], match[3], match[4]);
+                }
             }
         }
 
         /**
-         * @param {CssRule[]} rules
+         * @param {CssRule[]|String} rules
          */
         function readRules(rules) {
             var selector = '';
             if (!rules) {
                 return;
             }
-            for (var i = 0, j = rules.length; i < j; i++) {
-                if (1 === rules[i].type) {
-                    selector = rules[i].selectorText;
-                    if (-1 !== selector.indexOf('min-width') || -1 !== selector.indexOf('max-width')) {
-                        extractQuery(rules[i]);
-                        //todo, ie7-8 includes @imports in a rule, so extract it
+            if ('string' === typeof rules) {
+                rules = rules.toLowerCase();
+                if (-1 !== rules.indexOf('min-width') || -1 !== rules.indexOf('max-width')) {
+                    extractQuery(rules);
+                }
+            } else {
+                for (var i = 0, j = rules.length; i < j; i++) {
+                    if (1 === rules[i].type) {
+                        selector = rules[i].selectorText || rules[i].cssText;
+                        if (-1 !== selector.indexOf('min-width') || -1 !== selector.indexOf('max-width')) {
+                            extractQuery(selector);
+                        }
+                    } else if (4 === rules[i].type) {
+                        readRules(rules[i].cssRules || rules[i].rules);
                     }
                 }
             }
@@ -187,7 +206,7 @@
          */
         this.init = function() {
             for (var i = 0, j = document.styleSheets.length; i < j; i++) {
-                readRules(document.styleSheets[i].cssRules || document.styleSheets[i].rules);
+                readRules(document.styleSheets[i].cssText || document.styleSheets[i].cssRules || document.styleSheets[i].rules);
             }
         }
     }

src/ResizeSensor.js

@@ -57,7 +57,7 @@
          */
         function getComputedStyle(element, prop) {
             if (element.currentStyle) {
-                return element.currentStyle(prop);
+                return element.currentStyle[prop];
             } else if (window.getComputedStyle) {
                 return window.getComputedStyle(element, null).getPropertyValue(prop);
             } else {
@@ -79,12 +79,16 @@
                 return;
             }
 
-            if (element.onresize) {
+            if ('onresize' in element) {
                 //internet explorer
                 if (element.attachEvent) {
-                    element.attachEvent('onresize', element.resizedAttached.call);
+                    element.attachEvent('onresize', function() {
+                        element.resizedAttached.call();
+                    });
                 } else if (element.addEventListener) {
-                    element.addEventListener('resize', element.resizedAttached.call);
+                    element.addEventListener('resize', function(){
+                        element.resizedAttached.call();
+                    });
                 }
             } else {
                 var myResized = function() {