Merge pull request #1136 from github/rmielt9
Drop special support for IE < 9
This commit is contained in:
Mike Linksvayer
GitHub
commit
6d76ab6fab
|
|
@ -4,7 +4,6 @@
|
|||
/.bundle
|
||||
assets/vendor/clipboard/src
|
||||
assets/vendor/clipboard/test
|
||||
assets/vendor/selectivizr/tests
|
||||
assets/vendor/hint.css/src
|
||||
/vendor
|
||||
/.sass-cache
|
||||
|
|
|
|||
|
|
@ -2,15 +2,10 @@
|
|||
<html lang="en">
|
||||
<head itemscope itemtype="http://schema.org/WebSite">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Chivo:900">
|
||||
<link rel="stylesheet" href="{{ 'assets/css/application.css' | relative_url }}?v={{ site.github.build_revision }}">
|
||||
<link rel="shortcut icon" href="{{ 'favicon.ico' | relative_url }}" type="image/x-icon">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="/assets/vendor/html5shiv/dist/html5shiv.js"></script>
|
||||
<script src="/assets/vendor/selectivizr/selectivizr.js"></script>
|
||||
<![endif]-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
|
||||
{% seo %}
|
||||
|
|
|
|||
|
|
@ -1,26 +0,0 @@
|
|||
{
|
||||
"name": "html5shiv",
|
||||
"version": "3.7.0",
|
||||
"main": [
|
||||
"dist/html5shiv.js",
|
||||
"dist/html5shiv-printshiv.js"
|
||||
],
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"*.json",
|
||||
"test",
|
||||
"build",
|
||||
"src",
|
||||
"build.xml"
|
||||
],
|
||||
"homepage": "https://github.com/aFarkas/html5shiv",
|
||||
"_release": "3.7.0",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "3.7.0",
|
||||
"commit": "a4d4dcbe0875ba10c4c56c54454ae93031d59584"
|
||||
},
|
||||
"_source": "git://github.com/aFarkas/html5shiv.git",
|
||||
"_target": "~3.7.0",
|
||||
"_originalSource": "html5shiv"
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
/*
|
||||
HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
(function(j,f){function s(a,b){var c=a.createElement("p"),m=a.getElementsByTagName("head")[0]||a.documentElement;c.innerHTML="x<style>"+b+"</style>";return m.insertBefore(c.lastChild,m.firstChild)}function o(){var a=d.elements;return"string"==typeof a?a.split(" "):a}function n(a){var b=t[a[u]];b||(b={},p++,a[u]=p,t[p]=b);return b}function v(a,b,c){b||(b=f);if(e)return b.createElement(a);c||(c=n(b));b=c.cache[a]?c.cache[a].cloneNode():y.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);
|
||||
return b.canHaveChildren&&!z.test(a)?c.frag.appendChild(b):b}function A(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();a.createElement=function(c){return!d.shivMethods?b.createElem(c):v(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+o().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(d,b.frag)}
|
||||
function w(a){a||(a=f);var b=n(a);if(d.shivCSS&&!q&&!b.hasCSS)b.hasCSS=!!s(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}");e||A(a,b);return a}function B(a){for(var b,c=a.attributes,m=c.length,f=a.ownerDocument.createElement(l+":"+a.nodeName);m--;)b=c[m],b.specified&&f.setAttribute(b.nodeName,b.nodeValue);f.style.cssText=a.style.cssText;return f}function x(a){function b(){clearTimeout(d._removeSheetTimer);
|
||||
c&&c.removeNode(!0);c=null}var c,f,d=n(a),e=a.namespaces,j=a.parentWindow;if(!C||a.printShived)return a;"undefined"==typeof e[l]&&e.add(l);j.attachEvent("onbeforeprint",function(){b();var g,i,d;d=a.styleSheets;for(var e=[],h=d.length,k=Array(h);h--;)k[h]=d[h];for(;d=k.pop();)if(!d.disabled&&D.test(d.media)){try{g=d.imports,i=g.length}catch(j){i=0}for(h=0;h<i;h++)k.push(g[h]);try{e.push(d.cssText)}catch(n){}}g=e.reverse().join("").split("{");i=g.length;h=RegExp("(^|[\\s,>+~])("+o().join("|")+")(?=[[\\s,>+~#.:]|$)",
|
||||
"gi");for(k="$1"+l+"\\:$2";i--;)e=g[i]=g[i].split("}"),e[e.length-1]=e[e.length-1].replace(h,k),g[i]=e.join("}");e=g.join("{");i=a.getElementsByTagName("*");h=i.length;k=RegExp("^(?:"+o().join("|")+")$","i");for(d=[];h--;)g=i[h],k.test(g.nodeName)&&d.push(g.applyElement(B(g)));f=d;c=s(a,e)});j.attachEvent("onafterprint",function(){for(var a=f,c=a.length;c--;)a[c].removeNode();clearTimeout(d._removeSheetTimer);d._removeSheetTimer=setTimeout(b,500)});a.printShived=!0;return a}var r=j.html5||{},z=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,
|
||||
y=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q,u="_html5shiv",p=0,t={},e;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";q="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}e=b}catch(d){e=q=!0}})();var d={elements:r.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",
|
||||
version:"3.7.0",shivCSS:!1!==r.shivCSS,supportsUnknownElements:e,shivMethods:!1!==r.shivMethods,type:"default",shivDocument:w,createElement:v,createDocumentFragment:function(a,b){a||(a=f);if(e)return a.createDocumentFragment();for(var b=b||n(a),c=b.frag.cloneNode(),d=0,j=o(),l=j.length;d<l;d++)c.createElement(j[d]);return c}};j.html5=d;w(f);var D=/^$|\b(?:all|print)\b/,l="html5shiv",C=!e&&function(){var a=f.documentElement;return!("undefined"==typeof f.namespaces||"undefined"==typeof f.parentWindow||
|
||||
"undefined"==typeof a.applyElement||"undefined"==typeof a.removeNode||"undefined"==typeof j.attachEvent)}();d.type+=" print";d.shivPrint=x;x(f)})(this,document);
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
/*
|
||||
HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
|
||||
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}</style>";
|
||||
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
|
||||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);
|
||||
if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
|
||||
|
|
@ -1,143 +0,0 @@
|
|||
# The HTML5 Shiv
|
||||
|
||||
The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.
|
||||
|
||||
### What do these files do?
|
||||
|
||||
#### `html5shiv.js`
|
||||
* This includes the basic `createElement()` shiv technique, along with monkeypatches for `document.createElement` and `document.createDocumentFragment` for IE6-8. It also applies [basic styling](https://github.com/aFarkas/html5shiv/blob/51da98dabd3c537891b7fe6114633fb10de52473/src/html5shiv.js#L216-220) for HTML5 elements for IE6-9, Safari 4.x and FF 3.x.
|
||||
|
||||
####`html5shiv-printshiv.js`
|
||||
* This includes all of the above, as well as a mechanism allowing HTML5 elements to be styled and contain children while being printed in IE 6-8.
|
||||
|
||||
### Who can I get mad at now?
|
||||
|
||||
HTML5 Shiv is maintained by [Alexander Farkas](https://github.com/aFarkas/), [Jonathan Neal](https://twitter.com/jon_neal) and [Paul Irish](https://twitter.com/paul_irish), with many contributions from [John-David Dalton](https://twitter.com/jdalton). It is also distributed with [Modernizr](http://modernizr.com/), and the two google code projects, [html5shiv](https://code.google.com/p/html5shiv/) and [html5shim](https://code.google.com/p/html5shim/), maintained by [Remy Sharp](https://twitter.com/rem).
|
||||
|
||||
If you have any issues in these implementations, you can report them here! :)
|
||||
|
||||
For the full story of HTML5 Shiv and all of the people involved in making it, read [The Story of the HTML5 Shiv](http://paulirish.com/2011/the-history-of-the-html5-shiv/).
|
||||
|
||||
## Installation
|
||||
|
||||
###Using [Bower](http://bower.io/)
|
||||
|
||||
`bower install html5shiv --save-dev`
|
||||
|
||||
This will clone the latest version of the HTML5 shiv into the `components` directory at the root of your project and also create or update the file `bower.json` which specifies your projects dependencies.
|
||||
|
||||
Include the HTML5 shiv in the `<head>` of your page in a conditional comment and after any stylesheets.
|
||||
|
||||
```html
|
||||
<!--[if lt IE 9]>
|
||||
<script src="components/html5shiv/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
```
|
||||
|
||||
###Manual installation
|
||||
|
||||
Download and extract the [latest zip package](https://github.com/aFarkas/html5shiv/archive/master.zip) from this repositiory and copy the two files `dist/html5shiv.js` and `dist/html5shiv-printshiv.js` into your project. Then include one of them into your `<head>` as above.
|
||||
|
||||
## HTML5 Shiv API
|
||||
|
||||
HTML5 Shiv works as a simple drop-in solution. In most cases there is no need to configure HTML5 Shiv or use methods provided by HTML5 Shiv.
|
||||
|
||||
### `html5.elements` option
|
||||
|
||||
The `elements` option is a space separated string or array, which describes the **full** list of the elements to shiv.
|
||||
|
||||
**Configuring `elements` before `html5shiv.js` is included.**
|
||||
|
||||
```js
|
||||
//create a global html5 options object
|
||||
window.html5 = {
|
||||
'elements': 'mark section customelement'
|
||||
};
|
||||
```
|
||||
**Configuring `elements` after `html5shiv.js` is included.**
|
||||
|
||||
```js
|
||||
//change the html5shiv options object
|
||||
window.html5.elements = 'mark section customelement';
|
||||
//and re-invoke the `shivDocument` method
|
||||
html5.shivDocument(document);
|
||||
```
|
||||
|
||||
### `html5.shivCSS`
|
||||
|
||||
If `shivCSS` is set to `true` HTML5 Shiv will add basic styles (mostly display: block) to sectioning elements (like section, article). In most cases a webpage author should include those basic styles in his normal stylesheet to ensure older browser support (i.e. Firefox 3.6) without JavaScript.
|
||||
|
||||
The `shivCSS` is true by default and can be set false, only before html5shiv.js is included:
|
||||
|
||||
```js
|
||||
//create a global html5 options object
|
||||
window.html5 = {
|
||||
'shivCSS': false
|
||||
};
|
||||
```
|
||||
|
||||
### `html5.shivMethods`
|
||||
|
||||
If the `shivMethods` option is set to `true` (by default) HTML5 Shiv will override `document.createElement`/`document.createDocumentFragment` in Internet Explorer 6-8 to allow dynamic DOM creation of HTML5 elements.
|
||||
|
||||
Known issue: If an element is created using the overridden `createElement` method this element returns a document fragment as its `parentNode`, but should be normally `null`. If a script relays on this behavior, `shivMethods`should be set to `false`.
|
||||
Note: jQuery 1.7+ has implemented his own HTML5 DOM creation fix for Internet Explorer 6-8. If all your scripts (including Third party scripts) are using jQuery's manipulation and DOM creation methods, you might want to set this option to `false`.
|
||||
|
||||
**Configuring `shivMethods` before `html5shiv.js` is included.**
|
||||
|
||||
```js
|
||||
//create a global html5 options object
|
||||
window.html5 = {
|
||||
'shivMethods': false
|
||||
};
|
||||
```
|
||||
**Configuring `elements` after `html5shiv.js` is included.**
|
||||
|
||||
```js
|
||||
//change the html5shiv options object
|
||||
window.html5.shivMethods = false;
|
||||
```
|
||||
|
||||
### `html5.createElement( nodeName [, document] )`
|
||||
|
||||
The `html5.createElement` method creates a shived element, even if `shivMethods` is set to false.
|
||||
|
||||
```js
|
||||
var container = html5.createElement('div');
|
||||
//container is shived so we can add HTML5 elements using `innerHTML`
|
||||
container.innerHTML = '<section>This is a section</section>';
|
||||
```
|
||||
|
||||
### `html5.createDocumentFragment( [document] )`
|
||||
|
||||
The `html5.createDocumentFragment` method creates a shived document fragment, even if `shivMethods` is set to false.
|
||||
|
||||
```js
|
||||
var fragment = html5.createDocumentFragment();
|
||||
var container = document.createElement('div');
|
||||
fragment.appendChild(container);
|
||||
//fragment is shived so we can add HTML5 elements using `innerHTML`
|
||||
container.innerHTML = '<section>This is a section</section>';
|
||||
```
|
||||
|
||||
## HTML5 Shiv Known Issues and Limitations
|
||||
|
||||
- The `shivMethods` option (overriding `document.createElement`) and the `html5.createElement` method create elements, which are not disconnected and have a parentNode (see also issue #64)
|
||||
- The cloneNode problem is currently not addressed by HTML5 Shiv. HTML5 elements can be dynamically created, but can't be cloned in all cases.
|
||||
- The printshiv version of HTML5 Shiv has to alter the print styles and the whole DOM for printing. In case of complex websites and or a lot of print styles this might cause performance and/or styling issues. A possible solution could be the [htc-branch](https://github.com/aFarkas/html5shiv/tree/iepp-htc) of HTML5 Shiv, which uses another technique to implement print styles for Internet Explorer 6-8.
|
||||
|
||||
### What about the other HTML5 element projects?
|
||||
|
||||
- The original conception and community collaboration story of the project is described at [The History of the HTML5 Shiv](http://paulirish.com/2011/the-history-of-the-html5-shiv/).
|
||||
- [IEPP](https://code.google.com/p/ie-print-protector), by Jon Neal, addressed the printing fault of the original `html5shiv`. It was merged into `html5shiv`.
|
||||
- **Shimprove**, in April 2010, patched `cloneNode` and `createElement` was later merged into `html5shiv`
|
||||
- **innerShiv**, introduced in August 2010 by JD Barlett, addressed dynamically adding new HTML5 elements into the DOM. [jQuery added support](http://blog.jquery.com/2011/11/03/jquery-1-7-released/) that made innerShiv redundant and `html5shiv` addressed the same issues as well, so the project was completed.
|
||||
- The **html5shim** and **html5shiv** sites on Google Code are maintained by Remy Sharp and are identical distribution points of this `html5shiv` project.
|
||||
- **Modernizr** is developed by the same people as `html5shiv` and can include the latest version in any custom builds created at modernizr.com
|
||||
- This `html5shiv` repo now contains tests for all the edge cases pursued by the above libraries and has been extensively tested, both in development and production.
|
||||
|
||||
A [detailed changelog of html5shiv](https://github.com/aFarkas/html5shiv/wiki) is available.
|
||||
|
||||
### Why is it called a *shiv*?
|
||||
|
||||
The term **shiv** [originates](http://ejohn.org/blog/html5-shiv/) from [John Resig](https://github.com/jeresig), who was thought to have used the word for its slang meaning, *a sharp object used as a knife-like weapon*, intended for Internet Explorer. Truth be known, John probably intended to use the word [shim](http://en.wikipedia.org/wiki/Shim_(computing\)), which in computing means *an application compatibility workaround*. Rather than correct his mispelling, most developers familiar with Internet Explorer appreciated the visual imagery. And that, [kids](http://html5homi.es/), is [etymology](https://en.wikipedia.org/wiki/Etymology).
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
{
|
||||
"name": "selectivizr",
|
||||
"homepage": "https://github.com/keithclark/selectivizr",
|
||||
"version": "1.0.2",
|
||||
"_release": "1.0.2",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.0.2",
|
||||
"commit": "994f65755ac4e7ead1d14534f6eeb90cda21e909"
|
||||
},
|
||||
"_source": "git://github.com/keithclark/selectivizr.git",
|
||||
"_target": "~1.0.2",
|
||||
"_originalSource": "selectivizr"
|
||||
}
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
Selectivizr
|
||||
-----------
|
||||
|
||||
**CSS3 selectors for IE**
|
||||
|
||||
|
||||
_selectivizr_ is a JavaScript utility that emulates CSS3 pseudo-classes
|
||||
and attribute selectors in Internet Explorer 6-8. Simply include the
|
||||
script in your pages and selectivizr will do the rest.
|
||||
|
||||
To use the library, you'll need to include one of the supported libraries:
|
||||
|
||||
* jQuery (1.3+/1.4+)
|
||||
* Dojo (1.5.0+)
|
||||
* Prototype (1.6.1+)
|
||||
* Yahoo UI Library (2.8.0+)
|
||||
* DOMAssistant (2.8.0+)
|
||||
* MooTools (1.3+)
|
||||
* NWMatcher (1.2.3+)
|
||||
|
||||
Then add the following conditional comment:
|
||||
|
||||
<!--[if (gte IE 6)&(lte IE 8)]>
|
||||
<script type="text/javascript" src="selectivizr.js"></script>
|
||||
<noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
|
||||
<![endif]-->
|
||||
|
||||
This adds the `selectivizr.js` and fallback CSS file to IE6-8 while hiding
|
||||
for other browsers.
|
||||
|
|
@ -1,112 +0,0 @@
|
|||
selectivizr - change log
|
||||
========================
|
||||
|
||||
|
||||
v1.0.2
|
||||
------
|
||||
|
||||
* BUG - fixed Google Closure Compiler issue that added 2 global vars - sorry about that!
|
||||
* NEW - removed the eval() from determineSelectorMethod()
|
||||
* BUG - selectivizr incorrectly detects Yahoo! profiler as YUI selector library
|
||||
* NEW - selectivizr can now be "lazy-loaded"
|
||||
* NEW - switched DOMReady back to Diego Perini's (new) ContentLoaded.
|
||||
* BUG - asset urls using the 'data:' scheme (i.e. background-image) resolved to a path (Chris Korhonen)
|
||||
* BUG - resolveUrl() failed if the context url contained a hash followed by a '/' (Zee Agency)
|
||||
* BUG - IE version detection wasn't IE>9 friendly (reported by Paul Irish)
|
||||
|
||||
|
||||
|
||||
v1.0.1
|
||||
------
|
||||
|
||||
* BUG - @import urls not wrapped with "url()" are now correctly processed
|
||||
* BUG - relative urls are now correctly resolved
|
||||
* BUG - patched [*=""] selector in IE8 (returns elements it shouldn't)
|
||||
|
||||
|
||||
|
||||
v1.0.0
|
||||
------
|
||||
|
||||
ie-css3.js is now stable enough to be released with out a beta suffix - say hello to selectivizr v1!
|
||||
|
||||
|
||||
|
||||
v0.9.7b
|
||||
-------
|
||||
|
||||
* NEW - Complete rewrite of the stylesheet parser.
|
||||
* NEW - :not() pseudo support.
|
||||
* NEW - Attribute selector support in IE6 [att] [att="x"] [att~="x"] [att^="x"] [att$="x"] [att*="x"] and [att|="x"]
|
||||
* NEW - Fixes native empty attribute selector support in IE7 [att^=""] [att$=""] [att*=""] and IE8 [att^=""] [att$=""]
|
||||
* BUG - :enabled and :disabled elements now change state properly. (Uses polling)
|
||||
* BUG - Emulation no longer fails in IE6 when more than 2 classes are applied to an element
|
||||
|
||||
|
||||
|
||||
v0.9.6b
|
||||
-------
|
||||
|
||||
* BUG - IE8 :target pseudo-class emulation fails with jQuery (but not with Sizzle) (reported by Tom Law)
|
||||
* BUG - ie-css3.js won't run if page is in an iframe (switched DOM Load detection to Dean Edwards defered script method)
|
||||
* BUG - A selector that begins with a attribute selector incorrected parsed (reported by Stephanie Sullivan)
|
||||
|
||||
|
||||
|
||||
v0.9.5b
|
||||
-------
|
||||
|
||||
* NEW - Reworked DOM Load detection (using a cut down version of Diego Perini's ContentLoaded technique)
|
||||
* NEW - Enabled Dojo detection (lowest priority) - Warning: some of Dojo's CSS3 selectors seem very buggy!
|
||||
* BUG - Fixed mixed content warning when using over SSL
|
||||
* NEW - :target pseudo for IE8 when running standards mode. Sorry, no support for pre-IE8 or quirks mode
|
||||
* NWMatcher now higher priority that DOMAssistant when auto-detecting best library
|
||||
* Internal rewrites / refactoring - more features, but a smaller file :o)
|
||||
|
||||
|
||||
|
||||
v0.9.4b
|
||||
-------
|
||||
|
||||
* NEW - added support for :hover (for IE 5.5 - 6) and :focus (for IE 5.5 - 7)
|
||||
* NEW - added support for ::first-child and ::first-letter (suggested by Philip Renich)
|
||||
* BUG - style sheets without href values shouldn't get parsed (reported by Jeff Smith)
|
||||
* BUG - remotely hosted style sheets are now ignored when used in @imports
|
||||
* BUG - @import rules now honor the <base> href if its specified (reported by Andrea and Tim)
|
||||
* BUG - various minor bug fixes
|
||||
|
||||
|
||||
|
||||
v0.9.3b
|
||||
-------
|
||||
|
||||
* No longer dependent on DOMAssistant.
|
||||
* Auto-detects best suited selector library from these:
|
||||
- DOMAssistant (recommended)
|
||||
- NWmatcher
|
||||
- Prototype
|
||||
- YUI 2
|
||||
- MooTools
|
||||
- Sizzle / jQuery
|
||||
* NEW - pseudo selectors :enabled, :disabled, :checked and :root.
|
||||
* BUG - Fixed IE 5.5/6 issue with illegal character in replacement class name.
|
||||
* BUG - Fixed extra spaces issue with modified class names.
|
||||
* BUG - Stopped triggering a DOM redraw when there are no className changes
|
||||
* Dynamic building of CSS_PSEUDOS regexp based on IE version so we only patch what's needed.
|
||||
* XHR compatability test (reported from twitter.com/kangax).
|
||||
* Reworked DOMLoaded detection.
|
||||
|
||||
|
||||
|
||||
v0.9.2b
|
||||
-------
|
||||
|
||||
* CSS parser updated to crawl @import statements (suggested by Andy "Malarkey" Clarke).
|
||||
* @font rules support.
|
||||
|
||||
|
||||
|
||||
v0.9.1b
|
||||
-------
|
||||
|
||||
* Public beta release.
|
||||
|
|
@ -1,561 +0,0 @@
|
|||
/*
|
||||
selectivizr v1.0.2b - (c) Keith Clark, freely distributable under the terms
|
||||
of the MIT license.
|
||||
|
||||
selectivizr.com
|
||||
*/
|
||||
/*
|
||||
|
||||
Notes about this source
|
||||
-----------------------
|
||||
|
||||
* The #DEBUG_START and #DEBUG_END comments are used to mark blocks of code
|
||||
that will be removed prior to building a final release version (using a
|
||||
pre-compression script)
|
||||
|
||||
|
||||
References:
|
||||
-----------
|
||||
|
||||
* CSS Syntax : http://www.w3.org/TR/2003/WD-css3-syntax-20030813/#style
|
||||
* Selectors : http://www.w3.org/TR/css3-selectors/#selectors
|
||||
* IE Compatability : http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx
|
||||
* W3C Selector Tests : http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/tests/
|
||||
|
||||
*/
|
||||
|
||||
(function(win) {
|
||||
|
||||
// If browser isn't IE, then stop execution! This handles the script
|
||||
// being loaded by non IE browsers because the developer didn't use
|
||||
// conditional comments.
|
||||
if (/*@cc_on!@*/true) return;
|
||||
|
||||
// =========================== Init Objects ============================
|
||||
|
||||
var doc = document;
|
||||
var root = doc.documentElement;
|
||||
var xhr = getXHRObject();
|
||||
var ieVersion = /MSIE (\d+)/.exec(navigator.userAgent)[1];
|
||||
|
||||
// If were not in standards mode, IE is too old / new or we can't create
|
||||
// an XMLHttpRequest object then we should get out now.
|
||||
if (doc.compatMode != 'CSS1Compat' || ieVersion<6 || ieVersion>8 || !xhr) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
// ========================= Common Objects ============================
|
||||
|
||||
// Compatiable selector engines in order of CSS3 support. Note: '*' is
|
||||
// a placholder for the object key name. (basically, crude compression)
|
||||
var selectorEngines = {
|
||||
"NW" : "*.Dom.select",
|
||||
"MooTools" : "$$",
|
||||
"DOMAssistant" : "*.$",
|
||||
"Prototype" : "$$",
|
||||
"YAHOO" : "*.util.Selector.query",
|
||||
"Sizzle" : "*",
|
||||
"jQuery" : "*",
|
||||
"dojo" : "*.query"
|
||||
};
|
||||
|
||||
var selectorMethod;
|
||||
var enabledWatchers = []; // array of :enabled/:disabled elements to poll
|
||||
var ie6PatchID = 0; // used to solve ie6's multiple class bug
|
||||
var patchIE6MultipleClasses = true; // if true adds class bloat to ie6
|
||||
var namespace = "slvzr";
|
||||
|
||||
// Stylesheet parsing regexp's
|
||||
var RE_COMMENT = /(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g;
|
||||
var RE_IMPORT = /@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))[^;]*;/g;
|
||||
var RE_ASSET_URL = /\burl\(\s*(["']?)(?!data:)([^"')]+)\1\s*\)/g;
|
||||
var RE_PSEUDO_STRUCTURAL = /^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/;
|
||||
var RE_PSEUDO_ELEMENTS = /:(:first-(?:line|letter))/g;
|
||||
var RE_SELECTOR_GROUP = /(^|})\s*([^\{]*?[\[:][^{]+)/g;
|
||||
var RE_SELECTOR_PARSE = /([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g;
|
||||
var RE_LIBRARY_INCOMPATIBLE_PSEUDOS = /(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g;
|
||||
var RE_PATCH_CLASS_NAME_REPLACE = /[^\w-]/g;
|
||||
|
||||
// HTML UI element regexp's
|
||||
var RE_INPUT_ELEMENTS = /^(INPUT|SELECT|TEXTAREA|BUTTON)$/;
|
||||
var RE_INPUT_CHECKABLE_TYPES = /^(checkbox|radio)$/;
|
||||
|
||||
// Broken attribute selector implementations (IE7/8 native [^=""], [$=""] and [*=""])
|
||||
var BROKEN_ATTR_IMPLEMENTATIONS = ieVersion>6 ? /[\$\^*]=(['"])\1/ : null;
|
||||
|
||||
// Whitespace normalization regexp's
|
||||
var RE_TIDY_TRAILING_WHITESPACE = /([(\[+~])\s+/g;
|
||||
var RE_TIDY_LEADING_WHITESPACE = /\s+([)\]+~])/g;
|
||||
var RE_TIDY_CONSECUTIVE_WHITESPACE = /\s+/g;
|
||||
var RE_TIDY_TRIM_WHITESPACE = /^\s*((?:[\S\s]*\S)?)\s*$/;
|
||||
|
||||
// String constants
|
||||
var EMPTY_STRING = "";
|
||||
var SPACE_STRING = " ";
|
||||
var PLACEHOLDER_STRING = "$1";
|
||||
|
||||
// =========================== Patching ================================
|
||||
|
||||
// --[ patchStyleSheet() ]----------------------------------------------
|
||||
// Scans the passed cssText for selectors that require emulation and
|
||||
// creates one or more patches for each matched selector.
|
||||
function patchStyleSheet( cssText ) {
|
||||
return cssText.replace(RE_PSEUDO_ELEMENTS, PLACEHOLDER_STRING).
|
||||
replace(RE_SELECTOR_GROUP, function(m, prefix, selectorText) {
|
||||
var selectorGroups = selectorText.split(",");
|
||||
for (var c = 0, cs = selectorGroups.length; c < cs; c++) {
|
||||
var selector = normalizeSelectorWhitespace(selectorGroups[c]) + SPACE_STRING;
|
||||
var patches = [];
|
||||
selectorGroups[c] = selector.replace(RE_SELECTOR_PARSE,
|
||||
function(match, combinator, pseudo, attribute, index) {
|
||||
if (combinator) {
|
||||
if (patches.length>0) {
|
||||
applyPatches( selector.substring(0, index), patches );
|
||||
patches = [];
|
||||
}
|
||||
return combinator;
|
||||
}
|
||||
else {
|
||||
var patch = (pseudo) ? patchPseudoClass( pseudo ) : patchAttribute( attribute );
|
||||
if (patch) {
|
||||
patches.push(patch);
|
||||
return "." + patch.className;
|
||||
}
|
||||
return match;
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
return prefix + selectorGroups.join(",");
|
||||
});
|
||||
};
|
||||
|
||||
// --[ patchAttribute() ]-----------------------------------------------
|
||||
// returns a patch for an attribute selector.
|
||||
function patchAttribute( attr ) {
|
||||
return (!BROKEN_ATTR_IMPLEMENTATIONS || BROKEN_ATTR_IMPLEMENTATIONS.test(attr)) ?
|
||||
{ className: createClassName(attr), applyClass: true } : null;
|
||||
};
|
||||
|
||||
// --[ patchPseudoClass() ]---------------------------------------------
|
||||
// returns a patch for a pseudo-class
|
||||
function patchPseudoClass( pseudo ) {
|
||||
|
||||
var applyClass = true;
|
||||
var className = createClassName(pseudo.slice(1));
|
||||
var isNegated = pseudo.substring(0, 5) == ":not(";
|
||||
var activateEventName;
|
||||
var deactivateEventName;
|
||||
|
||||
// if negated, remove :not()
|
||||
if (isNegated) {
|
||||
pseudo = pseudo.slice(5, -1);
|
||||
}
|
||||
|
||||
// bracket contents are irrelevant - remove them
|
||||
var bracketIndex = pseudo.indexOf("(")
|
||||
if (bracketIndex > -1) {
|
||||
pseudo = pseudo.substring(0, bracketIndex);
|
||||
}
|
||||
|
||||
// check we're still dealing with a pseudo-class
|
||||
if (pseudo.charAt(0) == ":") {
|
||||
switch (pseudo.slice(1)) {
|
||||
|
||||
case "root":
|
||||
applyClass = function(e) {
|
||||
return isNegated ? e != root : e == root;
|
||||
}
|
||||
break;
|
||||
|
||||
case "target":
|
||||
// :target is only supported in IE8
|
||||
if (ieVersion == 8) {
|
||||
applyClass = function(e) {
|
||||
var handler = function() {
|
||||
var hash = location.hash;
|
||||
var hashID = hash.slice(1);
|
||||
return isNegated ? (hash == EMPTY_STRING || e.id != hashID) : (hash != EMPTY_STRING && e.id == hashID);
|
||||
};
|
||||
addEvent( win, "hashchange", function() {
|
||||
toggleElementClass(e, className, handler());
|
||||
})
|
||||
return handler();
|
||||
}
|
||||
break;
|
||||
}
|
||||
return false;
|
||||
|
||||
case "checked":
|
||||
applyClass = function(e) {
|
||||
if (RE_INPUT_CHECKABLE_TYPES.test(e.type)) {
|
||||
addEvent( e, "propertychange", function() {
|
||||
if (event.propertyName == "checked") {
|
||||
toggleElementClass( e, className, e.checked !== isNegated );
|
||||
}
|
||||
})
|
||||
}
|
||||
return e.checked !== isNegated;
|
||||
}
|
||||
break;
|
||||
|
||||
case "disabled":
|
||||
isNegated = !isNegated;
|
||||
|
||||
case "enabled":
|
||||
applyClass = function(e) {
|
||||
if (RE_INPUT_ELEMENTS.test(e.tagName)) {
|
||||
addEvent( e, "propertychange", function() {
|
||||
if (event.propertyName == "$disabled") {
|
||||
toggleElementClass( e, className, e.$disabled === isNegated );
|
||||
}
|
||||
});
|
||||
enabledWatchers.push(e);
|
||||
e.$disabled = e.disabled;
|
||||
return e.disabled === isNegated;
|
||||
}
|
||||
return pseudo == ":enabled" ? isNegated : !isNegated;
|
||||
}
|
||||
break;
|
||||
|
||||
case "focus":
|
||||
activateEventName = "focus";
|
||||
deactivateEventName = "blur";
|
||||
|
||||
case "hover":
|
||||
if (!activateEventName) {
|
||||
activateEventName = "mouseenter";
|
||||
deactivateEventName = "mouseleave";
|
||||
}
|
||||
applyClass = function(e) {
|
||||
addEvent( e, isNegated ? deactivateEventName : activateEventName, function() {
|
||||
toggleElementClass( e, className, true );
|
||||
})
|
||||
addEvent( e, isNegated ? activateEventName : deactivateEventName, function() {
|
||||
toggleElementClass( e, className, false );
|
||||
})
|
||||
return isNegated;
|
||||
}
|
||||
break;
|
||||
|
||||
// everything else
|
||||
default:
|
||||
// If we don't support this pseudo-class don't create
|
||||
// a patch for it
|
||||
if (!RE_PSEUDO_STRUCTURAL.test(pseudo)) {
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
return { className: className, applyClass: applyClass };
|
||||
};
|
||||
|
||||
// --[ applyPatches() ]-------------------------------------------------
|
||||
// uses the passed selector text to find DOM nodes and patch them
|
||||
function applyPatches(selectorText, patches) {
|
||||
var elms;
|
||||
|
||||
// Although some selector libraries can find :checked :enabled etc.
|
||||
// we need to find all elements that could have that state because
|
||||
// it can be changed by the user.
|
||||
var domSelectorText = selectorText.replace(RE_LIBRARY_INCOMPATIBLE_PSEUDOS, EMPTY_STRING);
|
||||
|
||||
// If the dom selector equates to an empty string or ends with
|
||||
// whitespace then we need to append a universal selector (*) to it.
|
||||
if (domSelectorText == EMPTY_STRING || domSelectorText.charAt(domSelectorText.length - 1) == SPACE_STRING) {
|
||||
domSelectorText += "*";
|
||||
}
|
||||
|
||||
// Ensure we catch errors from the selector library
|
||||
try {
|
||||
elms = selectorMethod( domSelectorText );
|
||||
} catch (ex) {
|
||||
// #DEBUG_START
|
||||
log( "Selector '" + selectorText + "' threw exception '" + ex + "'" );
|
||||
// #DEBUG_END
|
||||
}
|
||||
|
||||
|
||||
if (elms) {
|
||||
for (var d = 0, dl = elms.length; d < dl; d++) {
|
||||
var elm = elms[d];
|
||||
var cssClasses = elm.className;
|
||||
for (var f = 0, fl = patches.length; f < fl; f++) {
|
||||
var patch = patches[f];
|
||||
|
||||
if (!hasPatch(elm, patch)) {
|
||||
if (patch.applyClass && (patch.applyClass === true || patch.applyClass(elm) === true)) {
|
||||
cssClasses = toggleClass(cssClasses, patch.className, true );
|
||||
}
|
||||
}
|
||||
}
|
||||
elm.className = cssClasses;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// --[ hasPatch() ]-----------------------------------------------------
|
||||
// checks for the exsistence of a patch on an element
|
||||
function hasPatch( elm, patch ) {
|
||||
return new RegExp("(^|\\s)" + patch.className + "(\\s|$)").test(elm.className);
|
||||
};
|
||||
|
||||
|
||||
// =========================== Utility =================================
|
||||
|
||||
function createClassName( className ) {
|
||||
return namespace + "-" + ((ieVersion == 6 && patchIE6MultipleClasses) ?
|
||||
ie6PatchID++
|
||||
:
|
||||
className.replace(RE_PATCH_CLASS_NAME_REPLACE, function(a) { return a.charCodeAt(0) }));
|
||||
};
|
||||
|
||||
// --[ log() ]----------------------------------------------------------
|
||||
// #DEBUG_START
|
||||
function log( message ) {
|
||||
if (win.console) {
|
||||
win.console.log(message);
|
||||
}
|
||||
};
|
||||
// #DEBUG_END
|
||||
|
||||
// --[ trim() ]---------------------------------------------------------
|
||||
// removes leading, trailing whitespace from a string
|
||||
function trim( text ) {
|
||||
return text.replace(RE_TIDY_TRIM_WHITESPACE, PLACEHOLDER_STRING);
|
||||
};
|
||||
|
||||
// --[ normalizeWhitespace() ]------------------------------------------
|
||||
// removes leading, trailing and consecutive whitespace from a string
|
||||
function normalizeWhitespace( text ) {
|
||||
return trim(text).replace(RE_TIDY_CONSECUTIVE_WHITESPACE, SPACE_STRING);
|
||||
};
|
||||
|
||||
// --[ normalizeSelectorWhitespace() ]----------------------------------
|
||||
// tidies whitespace around selector brackets and combinators
|
||||
function normalizeSelectorWhitespace( selectorText ) {
|
||||
return normalizeWhitespace(selectorText.
|
||||
replace(RE_TIDY_TRAILING_WHITESPACE, PLACEHOLDER_STRING).
|
||||
replace(RE_TIDY_LEADING_WHITESPACE, PLACEHOLDER_STRING)
|
||||
);
|
||||
};
|
||||
|
||||
// --[ toggleElementClass() ]-------------------------------------------
|
||||
// toggles a single className on an element
|
||||
function toggleElementClass( elm, className, on ) {
|
||||
var oldClassName = elm.className;
|
||||
var newClassName = toggleClass(oldClassName, className, on);
|
||||
if (newClassName != oldClassName) {
|
||||
elm.className = newClassName;
|
||||
elm.parentNode.className += EMPTY_STRING;
|
||||
}
|
||||
};
|
||||
|
||||
// --[ toggleClass() ]--------------------------------------------------
|
||||
// adds / removes a className from a string of classNames. Used to
|
||||
// manage multiple class changes without forcing a DOM redraw
|
||||
function toggleClass( classList, className, on ) {
|
||||
var re = RegExp("(^|\\s)" + className + "(\\s|$)");
|
||||
var classExists = re.test(classList);
|
||||
if (on) {
|
||||
return classExists ? classList : classList + SPACE_STRING + className;
|
||||
} else {
|
||||
return classExists ? trim(classList.replace(re, PLACEHOLDER_STRING)) : classList;
|
||||
}
|
||||
};
|
||||
|
||||
// --[ addEvent() ]-----------------------------------------------------
|
||||
function addEvent(elm, eventName, eventHandler) {
|
||||
elm.attachEvent("on" + eventName, eventHandler);
|
||||
};
|
||||
|
||||
// --[ getXHRObject() ]-------------------------------------------------
|
||||
function getXHRObject()
|
||||
{
|
||||
if (win.XMLHttpRequest) {
|
||||
return new XMLHttpRequest;
|
||||
}
|
||||
try {
|
||||
return new ActiveXObject('Microsoft.XMLHTTP');
|
||||
} catch(e) {
|
||||
return null;
|
||||
}
|
||||
};
|
||||
|
||||
// --[ loadStyleSheet() ]-----------------------------------------------
|
||||
function loadStyleSheet( url ) {
|
||||
xhr.open("GET", url, false);
|
||||
xhr.send();
|
||||
return (xhr.status==200) ? xhr.responseText : EMPTY_STRING;
|
||||
};
|
||||
|
||||
// --[ resolveUrl() ]---------------------------------------------------
|
||||
// Converts a URL fragment to a fully qualified URL using the specified
|
||||
// context URL. Returns null if same-origin policy is broken
|
||||
function resolveUrl( url, contextUrl ) {
|
||||
|
||||
function getProtocolAndHost( url ) {
|
||||
return url.substring(0, url.indexOf("/", 8));
|
||||
};
|
||||
|
||||
// absolute path
|
||||
if (/^https?:\/\//i.test(url)) {
|
||||
return getProtocolAndHost(contextUrl) == getProtocolAndHost(url) ? url : null;
|
||||
}
|
||||
|
||||
// root-relative path
|
||||
if (url.charAt(0)=="/") {
|
||||
return getProtocolAndHost(contextUrl) + url;
|
||||
}
|
||||
|
||||
// relative path
|
||||
var contextUrlPath = contextUrl.split(/[?#]/)[0]; // ignore query string in the contextUrl
|
||||
if (url.charAt(0) != "?" && contextUrlPath.charAt(contextUrlPath.length - 1) != "/") {
|
||||
contextUrlPath = contextUrlPath.substring(0, contextUrlPath.lastIndexOf("/") + 1);
|
||||
}
|
||||
|
||||
return contextUrlPath + url;
|
||||
};
|
||||
|
||||
// --[ parseStyleSheet() ]----------------------------------------------
|
||||
// Downloads the stylesheet specified by the URL, removes it's comments
|
||||
// and recursivly replaces @import rules with their contents, ultimately
|
||||
// returning the full cssText.
|
||||
function parseStyleSheet( url ) {
|
||||
if (url) {
|
||||
return loadStyleSheet(url).replace(RE_COMMENT, EMPTY_STRING).
|
||||
replace(RE_IMPORT, function( match, quoteChar, importUrl, quoteChar2, importUrl2 ) {
|
||||
return parseStyleSheet(resolveUrl(importUrl || importUrl2, url));
|
||||
}).
|
||||
replace(RE_ASSET_URL, function( match, quoteChar, assetUrl ) {
|
||||
quoteChar = quoteChar || EMPTY_STRING;
|
||||
return " url(" + quoteChar + resolveUrl(assetUrl, url) + quoteChar + ") ";
|
||||
});
|
||||
}
|
||||
return EMPTY_STRING;
|
||||
};
|
||||
|
||||
// --[ init() ]---------------------------------------------------------
|
||||
function init() {
|
||||
// honour the <base> tag
|
||||
var url, stylesheet;
|
||||
var baseTags = doc.getElementsByTagName("BASE");
|
||||
var baseUrl = (baseTags.length > 0) ? baseTags[0].href : doc.location.href;
|
||||
|
||||
/* Note: This code prevents IE from freezing / crashing when using
|
||||
@font-face .eot files but it modifies the <head> tag and could
|
||||
trigger the IE stylesheet limit. It will also cause FOUC issues.
|
||||
If you choose to use it, make sure you comment out the for loop
|
||||
directly below this comment.
|
||||
|
||||
var head = doc.getElementsByTagName("head")[0];
|
||||
for (var c=doc.styleSheets.length-1; c>=0; c--) {
|
||||
stylesheet = doc.styleSheets[c]
|
||||
head.appendChild(doc.createElement("style"))
|
||||
var patchedStylesheet = doc.styleSheets[doc.styleSheets.length-1];
|
||||
|
||||
if (stylesheet.href != EMPTY_STRING) {
|
||||
url = resolveUrl(stylesheet.href, baseUrl)
|
||||
if (url) {
|
||||
patchedStylesheet.cssText = patchStyleSheet( parseStyleSheet( url ) )
|
||||
stylesheet.disabled = true
|
||||
setTimeout( function () {
|
||||
stylesheet.owningElement.parentNode.removeChild(stylesheet.owningElement)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
for (var c = 0; c < doc.styleSheets.length; c++) {
|
||||
stylesheet = doc.styleSheets[c]
|
||||
if (stylesheet.href != EMPTY_STRING) {
|
||||
url = resolveUrl(stylesheet.href, baseUrl);
|
||||
if (url) {
|
||||
stylesheet.cssText = patchStyleSheet( parseStyleSheet( url ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// :enabled & :disabled polling script (since we can't hook
|
||||
// onpropertychange event when an element is disabled)
|
||||
if (enabledWatchers.length > 0) {
|
||||
setInterval( function() {
|
||||
for (var c = 0, cl = enabledWatchers.length; c < cl; c++) {
|
||||
var e = enabledWatchers[c];
|
||||
if (e.disabled !== e.$disabled) {
|
||||
if (e.disabled) {
|
||||
e.disabled = false;
|
||||
e.$disabled = true;
|
||||
e.disabled = true;
|
||||
}
|
||||
else {
|
||||
e.$disabled = e.disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
},250)
|
||||
}
|
||||
};
|
||||
|
||||
// Bind selectivizr to the ContentLoaded event.
|
||||
ContentLoaded(win, function() {
|
||||
// Determine the "best fit" selector engine
|
||||
for (var engine in selectorEngines) {
|
||||
var members, member, context = win;
|
||||
if (win[engine]) {
|
||||
members = selectorEngines[engine].replace("*", engine).split(".");
|
||||
while ((member = members.shift()) && (context = context[member])) {}
|
||||
if (typeof context == "function") {
|
||||
selectorMethod = context;
|
||||
init();
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/*!
|
||||
* ContentLoaded.js by Diego Perini, modified for IE<9 only (to save space)
|
||||
*
|
||||
* Author: Diego Perini (diego.perini at gmail.com)
|
||||
* Summary: cross-browser wrapper for DOMContentLoaded
|
||||
* Updated: 20101020
|
||||
* License: MIT
|
||||
* Version: 1.2
|
||||
*
|
||||
* URL:
|
||||
* http://javascript.nwbox.com/ContentLoaded/
|
||||
* http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
|
||||
*
|
||||
*/
|
||||
|
||||
// @w window reference
|
||||
// @f function reference
|
||||
function ContentLoaded(win, fn) {
|
||||
|
||||
var done = false, top = true,
|
||||
init = function(e) {
|
||||
if (e.type == "readystatechange" && doc.readyState != "complete") return;
|
||||
(e.type == "load" ? win : doc).detachEvent("on" + e.type, init, false);
|
||||
if (!done && (done = true)) fn.call(win, e.type || e);
|
||||
},
|
||||
poll = function() {
|
||||
try { root.doScroll("left"); } catch(e) { setTimeout(poll, 50); return; }
|
||||
init('poll');
|
||||
};
|
||||
|
||||
if (doc.readyState == "complete") fn.call(win, EMPTY_STRING);
|
||||
else {
|
||||
if (doc.createEventObject && root.doScroll) {
|
||||
try { top = !win.frameElement; } catch(e) { }
|
||||
if (top) poll();
|
||||
}
|
||||
addEvent(doc,"readystatechange", init);
|
||||
addEvent(win,"load", init);
|
||||
}
|
||||
};
|
||||
})(this);
|
||||
|
|
@ -10,8 +10,6 @@
|
|||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"jquery": "~1.11.0",
|
||||
"html5shiv": "~3.7.0",
|
||||
"selectivizr": "~1.0.2",
|
||||
"normalize-css": "~3.0.0",
|
||||
"clipboard": "~1.4.3",
|
||||
"hint.css": "^2.7.0"
|
||||
|
|
|
|||
Loading…
Reference in New Issue