1 | /** |
---|
2 | * @preserve HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed |
---|
3 | */ |
---|
4 | ;(function(window, document) { |
---|
5 | /*jshint evil:true */ |
---|
6 | /** version */ |
---|
7 | var version = '3.6.2'; |
---|
8 | |
---|
9 | /** Preset options */ |
---|
10 | var options = window.html5 || {}; |
---|
11 | |
---|
12 | /** Used to skip problem elements */ |
---|
13 | var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i; |
---|
14 | |
---|
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; |
---|
17 | |
---|
18 | /** Detect whether the browser supports default html5 styles */ |
---|
19 | var supportsHtml5Styles; |
---|
20 | |
---|
21 | /** Name of the expando, to work with multiple documents or to re-shiv one document */ |
---|
22 | var expando = '_html5shiv'; |
---|
23 | |
---|
24 | /** The id for the the documents expando */ |
---|
25 | var expanID = 0; |
---|
26 | |
---|
27 | /** Cached data for each document */ |
---|
28 | var expandoData = {}; |
---|
29 | |
---|
30 | /** Detect whether the browser supports unknown elements */ |
---|
31 | var supportsUnknownElements; |
---|
32 | |
---|
33 | (function() { |
---|
34 | try { |
---|
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); |
---|
39 | |
---|
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(); |
---|
44 | return ( |
---|
45 | typeof frag.cloneNode == 'undefined' || |
---|
46 | typeof frag.createDocumentFragment == 'undefined' || |
---|
47 | typeof frag.createElement == 'undefined' |
---|
48 | ); |
---|
49 | }()); |
---|
50 | } catch(e) { |
---|
51 | // assign a false positive if detection fails => unable to shiv |
---|
52 | supportsHtml5Styles = true; |
---|
53 | supportsUnknownElements = true; |
---|
54 | } |
---|
55 | |
---|
56 | }()); |
---|
57 | |
---|
58 | /*--------------------------------------------------------------------------*/ |
---|
59 | |
---|
60 | /** |
---|
61 | * Creates a style sheet with the given CSS text and adds it to the document. |
---|
62 | * @private |
---|
63 | * @param {Document} ownerDocument The document. |
---|
64 | * @param {String} cssText The CSS text. |
---|
65 | * @returns {StyleSheet} The style element. |
---|
66 | */ |
---|
67 | function addStyleSheet(ownerDocument, cssText) { |
---|
68 | var p = ownerDocument.createElement('p'), |
---|
69 | parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement; |
---|
70 | |
---|
71 | p.innerHTML = 'x<style>' + cssText + '</style>'; |
---|
72 | return parent.insertBefore(p.lastChild, parent.firstChild); |
---|
73 | } |
---|
74 | |
---|
75 | /** |
---|
76 | * Returns the value of `html5.elements` as an array. |
---|
77 | * @private |
---|
78 | * @returns {Array} An array of shived element node names. |
---|
79 | */ |
---|
80 | function getElements() { |
---|
81 | var elements = html5.elements; |
---|
82 | return typeof elements == 'string' ? elements.split(' ') : elements; |
---|
83 | } |
---|
84 | |
---|
85 | /** |
---|
86 | * Returns the data associated to the given document |
---|
87 | * @private |
---|
88 | * @param {Document} ownerDocument The document. |
---|
89 | * @returns {Object} An object of data. |
---|
90 | */ |
---|
91 | function getExpandoData(ownerDocument) { |
---|
92 | var data = expandoData[ownerDocument[expando]]; |
---|
93 | if (!data) { |
---|
94 | data = {}; |
---|
95 | expanID++; |
---|
96 | ownerDocument[expando] = expanID; |
---|
97 | expandoData[expanID] = data; |
---|
98 | } |
---|
99 | return data; |
---|
100 | } |
---|
101 | |
---|
102 | /** |
---|
103 | * returns a shived element for the given nodeName and document |
---|
104 | * @memberOf html5 |
---|
105 | * @param {String} nodeName name of the element |
---|
106 | * @param {Document} ownerDocument The context document. |
---|
107 | * @returns {Object} The shived element. |
---|
108 | */ |
---|
109 | function createElement(nodeName, ownerDocument, data){ |
---|
110 | if (!ownerDocument) { |
---|
111 | ownerDocument = document; |
---|
112 | } |
---|
113 | if(supportsUnknownElements){ |
---|
114 | return ownerDocument.createElement(nodeName); |
---|
115 | } |
---|
116 | if (!data) { |
---|
117 | data = getExpandoData(ownerDocument); |
---|
118 | } |
---|
119 | var node; |
---|
120 | |
---|
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(); |
---|
125 | } else { |
---|
126 | node = data.createElem(nodeName); |
---|
127 | } |
---|
128 | |
---|
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) ? data.frag.appendChild(node) : node; |
---|
137 | } |
---|
138 | |
---|
139 | /** |
---|
140 | * returns a shived DocumentFragment for the given document |
---|
141 | * @memberOf html5 |
---|
142 | * @param {Document} ownerDocument The context document. |
---|
143 | * @returns {Object} The shived DocumentFragment. |
---|
144 | */ |
---|
145 | function createDocumentFragment(ownerDocument, data){ |
---|
146 | if (!ownerDocument) { |
---|
147 | ownerDocument = document; |
---|
148 | } |
---|
149 | if(supportsUnknownElements){ |
---|
150 | return ownerDocument.createDocumentFragment(); |
---|
151 | } |
---|
152 | data = data || getExpandoData(ownerDocument); |
---|
153 | var clone = data.frag.cloneNode(), |
---|
154 | i = 0, |
---|
155 | elems = getElements(), |
---|
156 | l = elems.length; |
---|
157 | for(;i<l;i++){ |
---|
158 | clone.createElement(elems[i]); |
---|
159 | } |
---|
160 | return clone; |
---|
161 | } |
---|
162 | |
---|
163 | /** |
---|
164 | * Shivs the `createElement` and `createDocumentFragment` methods of the document. |
---|
165 | * @private |
---|
166 | * @param {Document|DocumentFragment} ownerDocument The document. |
---|
167 | * @param {Object} data of the document. |
---|
168 | */ |
---|
169 | function shivMethods(ownerDocument, data) { |
---|
170 | if (!data.cache) { |
---|
171 | data.cache = {}; |
---|
172 | data.createElem = ownerDocument.createElement; |
---|
173 | data.createFrag = ownerDocument.createDocumentFragment; |
---|
174 | data.frag = data.createFrag(); |
---|
175 | } |
---|
176 | |
---|
177 | |
---|
178 | ownerDocument.createElement = function(nodeName) { |
---|
179 | //abort shiv |
---|
180 | if (!html5.shivMethods) { |
---|
181 | return data.createElem(nodeName); |
---|
182 | } |
---|
183 | return createElement(nodeName, ownerDocument, data); |
---|
184 | }; |
---|
185 | |
---|
186 | ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' + |
---|
187 | 'var n=f.cloneNode(),c=n.createElement;' + |
---|
188 | 'h.shivMethods&&(' + |
---|
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 + '")'; |
---|
194 | }) + |
---|
195 | ');return n}' |
---|
196 | )(html5, data.frag); |
---|
197 | } |
---|
198 | |
---|
199 | /*--------------------------------------------------------------------------*/ |
---|
200 | |
---|
201 | /** |
---|
202 | * Shivs the given document. |
---|
203 | * @memberOf html5 |
---|
204 | * @param {Document} ownerDocument The document to shiv. |
---|
205 | * @returns {Document} The shived document. |
---|
206 | */ |
---|
207 | function shivDocument(ownerDocument) { |
---|
208 | if (!ownerDocument) { |
---|
209 | ownerDocument = document; |
---|
210 | } |
---|
211 | var data = getExpandoData(ownerDocument); |
---|
212 | |
---|
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,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}' |
---|
221 | ); |
---|
222 | } |
---|
223 | if (!supportsUnknownElements) { |
---|
224 | shivMethods(ownerDocument, data); |
---|
225 | } |
---|
226 | return ownerDocument; |
---|
227 | } |
---|
228 | |
---|
229 | /*--------------------------------------------------------------------------*/ |
---|
230 | |
---|
231 | /** |
---|
232 | * The `html5` object is exposed so that more elements can be shived and |
---|
233 | * existing shiving can be detected on iframes. |
---|
234 | * @type Object |
---|
235 | * @example |
---|
236 | * |
---|
237 | * // options can be changed before the script is included |
---|
238 | * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false }; |
---|
239 | */ |
---|
240 | var html5 = { |
---|
241 | |
---|
242 | /** |
---|
243 | * An array or space separated string of node names of the elements to shiv. |
---|
244 | * @memberOf html5 |
---|
245 | * @type Array|String |
---|
246 | */ |
---|
247 | 'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary template time video', |
---|
248 | |
---|
249 | /** |
---|
250 | * current version of html5shiv |
---|
251 | */ |
---|
252 | 'version': version, |
---|
253 | |
---|
254 | /** |
---|
255 | * A flag to indicate that the HTML5 style sheet should be inserted. |
---|
256 | * @memberOf html5 |
---|
257 | * @type Boolean |
---|
258 | */ |
---|
259 | 'shivCSS': (options.shivCSS !== false), |
---|
260 | |
---|
261 | /** |
---|
262 | * Is equal to true if a browser supports creating unknown/HTML5 elements |
---|
263 | * @memberOf html5 |
---|
264 | * @type boolean |
---|
265 | */ |
---|
266 | 'supportsUnknownElements': supportsUnknownElements, |
---|
267 | |
---|
268 | /** |
---|
269 | * A flag to indicate that the document's `createElement` and `createDocumentFragment` |
---|
270 | * methods should be overwritten. |
---|
271 | * @memberOf html5 |
---|
272 | * @type Boolean |
---|
273 | */ |
---|
274 | 'shivMethods': (options.shivMethods !== false), |
---|
275 | |
---|
276 | /** |
---|
277 | * A string to describe the type of `html5` object ("default" or "default print"). |
---|
278 | * @memberOf html5 |
---|
279 | * @type String |
---|
280 | */ |
---|
281 | 'type': 'default', |
---|
282 | |
---|
283 | // shivs the document according to the specified `html5` object options |
---|
284 | 'shivDocument': shivDocument, |
---|
285 | |
---|
286 | //creates a shived element |
---|
287 | createElement: createElement, |
---|
288 | |
---|
289 | //creates a shived documentFragment |
---|
290 | createDocumentFragment: createDocumentFragment |
---|
291 | }; |
---|
292 | |
---|
293 | /*--------------------------------------------------------------------------*/ |
---|
294 | |
---|
295 | // expose html5 |
---|
296 | window.html5 = html5; |
---|
297 | |
---|
298 | // shiv the document |
---|
299 | shivDocument(document); |
---|
300 | |
---|
301 | }(this, document)); |
---|