2 * @preserve HTML5 Shiv prev3.7.1 | @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 * Returns the data associated to the given document
88 * @param {Document} ownerDocument The document.
89 * @returns {Object} An object of data.
91 function getExpandoData(ownerDocument) {
92 var data = expandoData[ownerDocument[expando]];
96 ownerDocument[expando] = expanID;
97 expandoData[expanID] = data;
103 * returns a shived element for the given nodeName and document
105 * @param {String} nodeName name of the element
106 * @param {Document} ownerDocument The context document.
107 * @returns {Object} The shived element.
109 function createElement(nodeName, ownerDocument, data){
110 if (!ownerDocument) {
111 ownerDocument = document;
113 if(supportsUnknownElements){
114 return ownerDocument.createElement(nodeName);
117 data = getExpandoData(ownerDocument);
121 if (data.cache[nodeName]) {
122 node = data.cache[nodeName].cloneNode();
123 } else if (saveClones.test(nodeName)) {
124 node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
126 node = data.createElem(nodeName);
129 // Avoid adding some elements to fragments in IE < 9 because
130 // * Attributes like `name` or `type` cannot be set/changed once an element
131 // is inserted into a document/fragment
132 // * Link elements with `src` attributes that are inaccessible, as with
133 // a 403 response, will cause the tab/window to crash
134 // * Script elements appended to fragments will execute when their `src`
135 // or `text` property is set
136 return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
140 * returns a shived DocumentFragment for the given document
142 * @param {Document} ownerDocument The context document.
143 * @returns {Object} The shived DocumentFragment.
145 function createDocumentFragment(ownerDocument, data){
146 if (!ownerDocument) {
147 ownerDocument = document;
149 if(supportsUnknownElements){
150 return ownerDocument.createDocumentFragment();
152 data = data || getExpandoData(ownerDocument);
153 var clone = data.frag.cloneNode(),
155 elems = getElements(),
158 clone.createElement(elems[i]);
164 * Shivs the `createElement` and `createDocumentFragment` methods of the document.
166 * @param {Document|DocumentFragment} ownerDocument The document.
167 * @param {Object} data of the document.
169 function shivMethods(ownerDocument, data) {
172 data.createElem = ownerDocument.createElement;
173 data.createFrag = ownerDocument.createDocumentFragment;
174 data.frag = data.createFrag();
178 ownerDocument.createElement = function(nodeName) {
180 if (!html5.shivMethods) {
181 return data.createElem(nodeName);
183 return createElement(nodeName, ownerDocument, data);
186 ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
187 'var n=f.cloneNode(),c=n.createElement;' +
189 // unroll the `createElement` calls
190 getElements().join().replace(/[\w\-]+/g, function(nodeName) {
191 data.createElem(nodeName);
192 data.frag.createElement(nodeName);
193 return 'c("' + nodeName + '")';
199 /*--------------------------------------------------------------------------*/
202 * Shivs the given document.
204 * @param {Document} ownerDocument The document to shiv.
205 * @returns {Document} The shived document.
207 function shivDocument(ownerDocument) {
208 if (!ownerDocument) {
209 ownerDocument = document;
211 var data = getExpandoData(ownerDocument);
213 if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
214 data.hasCSS = !!addStyleSheet(ownerDocument,
215 // corrects block display not defined in IE6/7/8/9
216 'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
217 // adds styling not present in IE6/7/8/9
218 'mark{background:#FF0;color:#000}' +
219 // hides non-rendered elements
220 'template{display:none}'
223 if (!supportsUnknownElements) {
224 shivMethods(ownerDocument, data);
226 return ownerDocument;
229 /*--------------------------------------------------------------------------*/
232 * The `html5` object is exposed so that more elements can be shived and
233 * existing shiving can be detected on iframes.
237 * // options can be changed before the script is included
238 * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
243 * An array or space separated string of node names of the elements to shiv.
247 'elements': options.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',
250 * current version of html5shiv
255 * A flag to indicate that the HTML5 style sheet should be inserted.
259 'shivCSS': (options.shivCSS !== false),
262 * Is equal to true if a browser supports creating unknown/HTML5 elements
266 'supportsUnknownElements': supportsUnknownElements,
269 * A flag to indicate that the document's `createElement` and `createDocumentFragment`
270 * methods should be overwritten.
274 'shivMethods': (options.shivMethods !== false),
277 * A string to describe the type of `html5` object ("default" or "default print").
283 // shivs the document according to the specified `html5` object options
284 'shivDocument': shivDocument,
286 //creates a shived element
287 createElement: createElement,
289 //creates a shived documentFragment
290 createDocumentFragment: createDocumentFragment
293 /*--------------------------------------------------------------------------*/
296 window.html5 = html5;
299 shivDocument(document);