2 * @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
4 ;(function(window
, document
) {
10 var options
= window
.html5
|| {};
12 /** Used to skip problem elements */
13 var reSkip
= /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
15 /** Not all elements can be cloned in IE **/
16 var saveClones
= /^(?: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;
18 /** Detect whether the browser supports default html5 styles */
19 var supportsHtml5Styles
;
21 /** Name of the expando, to work with multiple documents or to re-shiv one document */
22 var expando
= '_html5shiv';
24 /** The id for the the documents expando */
27 /** Cached data for each document */
30 /** Detect whether the browser supports unknown elements */
31 var supportsUnknownElements
;
35 var a
= document
.createElement('a');
36 a
.innerHTML
= '<xyz></xyz>';
37 //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
38 supportsHtml5Styles
= ('hidden' in a
);
40 supportsUnknownElements
= a
.childNodes
.length
== 1 || (function() {
41 // assign a false positive if unable to shiv
42 (document
.createElement
)('a');
43 var frag
= document
.createDocumentFragment();
45 typeof frag
.cloneNode
== 'undefined' ||
46 typeof frag
.createDocumentFragment
== 'undefined' ||
47 typeof frag
.createElement
== 'undefined'
51 // assign a false positive if detection fails => unable to shiv
52 supportsHtml5Styles
= true;
53 supportsUnknownElements
= true;
58 /*--------------------------------------------------------------------------*/
61 * Creates a style sheet with the given CSS text and adds it to the document.
63 * @param {Document} ownerDocument The document.
64 * @param {String} cssText The CSS text.
65 * @returns {StyleSheet} The style element.
67 function addStyleSheet(ownerDocument
, cssText
) {
68 var p
= ownerDocument
.createElement('p'),
69 parent
= ownerDocument
.getElementsByTagName('head')[0] || ownerDocument
.documentElement
;
71 p
.innerHTML
= 'x<style>' + cssText
+ '</style>';
72 return parent
.insertBefore(p
.lastChild
, parent
.firstChild
);
76 * Returns the value of `html5.elements` as an array.
78 * @returns {Array} An array of shived element node names.
80 function getElements() {
81 var elements
= html5
.elements
;
82 return typeof elements
== 'string' ? elements
.split(' ') : elements
;
86 * Extends the built-in list of html5 elements
88 * @param {String|Array} newElements whitespace separated list or array of new element names to shiv
89 * @param {Document} ownerDocument The context document.
91 function addElements(newElements
, ownerDocument
) {
92 var elements
= html5
.elements
;
93 if(typeof elements
!= 'string'){
94 elements
= elements
.join(' ');
96 if(typeof newElements
!= 'string'){
97 newElements
= newElements
.join(' ');
99 html5
.elements
= elements
+' '+ newElements
;
100 shivDocument(ownerDocument
);
104 * Returns the data associated to the given document
106 * @param {Document} ownerDocument The document.
107 * @returns {Object} An object of data.
109 function getExpandoData(ownerDocument
) {
110 var data
= expandoData
[ownerDocument
[expando
]];
114 ownerDocument
[expando
] = expanID
;
115 expandoData
[expanID
] = data
;
121 * returns a shived element for the given nodeName and document
123 * @param {String} nodeName name of the element
124 * @param {Document|DocumentFragment} ownerDocument The context document.
125 * @returns {Object} The shived element.
127 function createElement(nodeName
, ownerDocument
, data
){
128 if (!ownerDocument
) {
129 ownerDocument
= document
;
131 if(supportsUnknownElements
){
132 return ownerDocument
.createElement(nodeName
);
135 data
= getExpandoData(ownerDocument
);
139 if (data
.cache
[nodeName
]) {
140 node
= data
.cache
[nodeName
].cloneNode();
141 } else if (saveClones
.test(nodeName
)) {
142 node
= (data
.cache
[nodeName
] = data
.createElem(nodeName
)).cloneNode();
144 node
= data
.createElem(nodeName
);
147 // Avoid adding some elements to fragments in IE < 9 because
148 // * Attributes like `name` or `type` cannot be set/changed once an element
149 // is inserted into a document/fragment
150 // * Link elements with `src` attributes that are inaccessible, as with
151 // a 403 response, will cause the tab/window to crash
152 // * Script elements appended to fragments will execute when their `src`
153 // or `text` property is set
154 return node
.canHaveChildren
&& !reSkip
.test(nodeName
) && !node
.tagUrn
? data
.frag
.appendChild(node
) : node
;
158 * returns a shived DocumentFragment for the given document
160 * @param {Document} ownerDocument The context document.
161 * @returns {Object} The shived DocumentFragment.
163 function createDocumentFragment(ownerDocument
, data
){
164 if (!ownerDocument
) {
165 ownerDocument
= document
;
167 if(supportsUnknownElements
){
168 return ownerDocument
.createDocumentFragment();
170 data
= data
|| getExpandoData(ownerDocument
);
171 var clone
= data
.frag
.cloneNode(),
173 elems
= getElements(),
176 clone
.createElement(elems
[i
]);
182 * Shivs the `createElement` and `createDocumentFragment` methods of the document.
184 * @param {Document|DocumentFragment} ownerDocument The document.
185 * @param {Object} data of the document.
187 function shivMethods(ownerDocument
, data
) {
190 data
.createElem
= ownerDocument
.createElement
;
191 data
.createFrag
= ownerDocument
.createDocumentFragment
;
192 data
.frag
= data
.createFrag();
196 ownerDocument
.createElement = function(nodeName
) {
198 if (!html5
.shivMethods
) {
199 return data
.createElem(nodeName
);
201 return createElement(nodeName
, ownerDocument
, data
);
204 ownerDocument
.createDocumentFragment
= Function('h,f', 'return function(){' +
205 'var n=f.cloneNode(),c=n.createElement;' +
207 // unroll the `createElement` calls
208 getElements().join().replace(/[\w\-:]+/g, function(nodeName
) {
209 data
.createElem(nodeName
);
210 data
.frag
.createElement(nodeName
);
211 return 'c("' + nodeName
+ '")';
217 /*--------------------------------------------------------------------------*/
220 * Shivs the given document.
222 * @param {Document} ownerDocument The document to shiv.
223 * @returns {Document} The shived document.
225 function shivDocument(ownerDocument
) {
226 if (!ownerDocument
) {
227 ownerDocument
= document
;
229 var data
= getExpandoData(ownerDocument
);
231 if (html5
.shivCSS
&& !supportsHtml5Styles
&& !data
.hasCSS
) {
232 data
.hasCSS
= !!addStyleSheet(ownerDocument
,
233 // corrects block display not defined in IE6/7/8/9
234 'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
235 // adds styling not present in IE6/7/8/9
236 'mark{background:#FF0;color:#000}' +
237 // hides non-rendered elements
238 'template{display:none}'
241 if (!supportsUnknownElements
) {
242 shivMethods(ownerDocument
, data
);
244 return ownerDocument
;
247 /*--------------------------------------------------------------------------*/
250 * The `html5` object is exposed so that more elements can be shived and
251 * existing shiving can be detected on iframes.
255 * // options can be changed before the script is included
256 * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
261 * An array or space separated string of node names of the elements to shiv.
265 'elements': options
.elements
|| 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
268 * current version of html5shiv
273 * A flag to indicate that the HTML5 style sheet should be inserted.
277 'shivCSS': (options
.shivCSS
!== false),
280 * Is equal to true if a browser supports creating unknown/HTML5 elements
284 'supportsUnknownElements': supportsUnknownElements
,
287 * A flag to indicate that the document's `createElement` and `createDocumentFragment`
288 * methods should be overwritten.
292 'shivMethods': (options
.shivMethods
!== false),
295 * A string to describe the type of `html5` object ("default" or "default print").
301 // shivs the document according to the specified `html5` object options
302 'shivDocument': shivDocument
,
304 //creates a shived element
305 createElement
: createElement
,
307 //creates a shived documentFragment
308 createDocumentFragment
: createDocumentFragment
,
310 //extends list of elements
311 addElements
: addElements
314 /*--------------------------------------------------------------------------*/
317 window
.html5
= html5
;
320 shivDocument(document
);
322 if(typeof module
== 'object' && module
.exports
){
323 module
.exports
= html5
;
326 }(typeof window
!== "undefined" ? window
: this, document
));