root / cloudcms / static / cloudcms / js / modernizr-2.0.6.js @ 40156b09
History | View | Annotate | Download (42.4 kB)
| 1 | 63392ddf | Olga Brani | /*!
|
|---|---|---|---|
| 2 | 63392ddf | Olga Brani | * Modernizr v2.0.6
|
| 3 | 63392ddf | Olga Brani | * http://www.modernizr.com
|
| 4 | 63392ddf | Olga Brani | *
|
| 5 | 63392ddf | Olga Brani | * Copyright (c) 2009-2011 Faruk Ates, Paul Irish, Alex Sexton
|
| 6 | 63392ddf | Olga Brani | * Dual-licensed under the BSD or MIT licenses: www.modernizr.com/license/
|
| 7 | 63392ddf | Olga Brani | */
|
| 8 | 63392ddf | Olga Brani | |
| 9 | 63392ddf | Olga Brani | /*
|
| 10 | 63392ddf | Olga Brani | * Modernizr tests which native CSS3 and HTML5 features are available in
|
| 11 | 63392ddf | Olga Brani | * the current UA and makes the results available to you in two ways:
|
| 12 | 63392ddf | Olga Brani | * as properties on a global Modernizr object, and as classes on the
|
| 13 | 63392ddf | Olga Brani | * <html> element. This information allows you to progressively enhance
|
| 14 | 63392ddf | Olga Brani | * your pages with a granular level of control over the experience.
|
| 15 | 63392ddf | Olga Brani | *
|
| 16 | 63392ddf | Olga Brani | * Modernizr has an optional (not included) conditional resource loader
|
| 17 | 63392ddf | Olga Brani | * called Modernizr.load(), based on Yepnope.js (yepnopejs.com).
|
| 18 | 63392ddf | Olga Brani | * To get a build that includes Modernizr.load(), as well as choosing
|
| 19 | 63392ddf | Olga Brani | * which tests to include, go to www.modernizr.com/download/
|
| 20 | 63392ddf | Olga Brani | *
|
| 21 | 63392ddf | Olga Brani | * Authors Faruk Ates, Paul Irish, Alex Sexton,
|
| 22 | 63392ddf | Olga Brani | * Contributors Ryan Seddon, Ben Alman
|
| 23 | 63392ddf | Olga Brani | */
|
| 24 | 63392ddf | Olga Brani | |
| 25 | 63392ddf | Olga Brani | window.Modernizr = (function( window, document, undefined ) { |
| 26 | 63392ddf | Olga Brani | |
| 27 | 63392ddf | Olga Brani | var version = '2.0.6', |
| 28 | 63392ddf | Olga Brani | |
| 29 | 63392ddf | Olga Brani | Modernizr = {},
|
| 30 | 63392ddf | Olga Brani | |
| 31 | 63392ddf | Olga Brani | // option for enabling the HTML classes to be added
|
| 32 | 63392ddf | Olga Brani | enableClasses = true,
|
| 33 | 63392ddf | Olga Brani | |
| 34 | 63392ddf | Olga Brani | docElement = document.documentElement, |
| 35 | 63392ddf | Olga Brani | docHead = document.head || document.getElementsByTagName('head')[0], |
| 36 | 63392ddf | Olga Brani | |
| 37 | 63392ddf | Olga Brani | /**
|
| 38 | 63392ddf | Olga Brani | * Create our "modernizr" element that we do most feature tests on.
|
| 39 | 63392ddf | Olga Brani | */
|
| 40 | 63392ddf | Olga Brani | mod = 'modernizr',
|
| 41 | 63392ddf | Olga Brani | modElem = document.createElement(mod), |
| 42 | 63392ddf | Olga Brani | mStyle = modElem.style, |
| 43 | 63392ddf | Olga Brani | |
| 44 | 63392ddf | Olga Brani | /**
|
| 45 | 63392ddf | Olga Brani | * Create the input element for various Web Forms feature tests.
|
| 46 | 63392ddf | Olga Brani | */
|
| 47 | 63392ddf | Olga Brani | inputElem = document.createElement('input'),
|
| 48 | 63392ddf | Olga Brani | |
| 49 | 63392ddf | Olga Brani | smile = ':)',
|
| 50 | 63392ddf | Olga Brani | |
| 51 | 63392ddf | Olga Brani | toString = Object.prototype.toString, |
| 52 | 63392ddf | Olga Brani | |
| 53 | 63392ddf | Olga Brani | // List of property values to set for css tests. See ticket #21
|
| 54 | 63392ddf | Olga Brani | prefixes = ' -webkit- -moz- -o- -ms- -khtml- '.split(' '), |
| 55 | 63392ddf | Olga Brani | |
| 56 | 63392ddf | Olga Brani | // Following spec is to expose vendor-specific style properties as:
|
| 57 | 63392ddf | Olga Brani | // elem.style.WebkitBorderRadius
|
| 58 | 63392ddf | Olga Brani | // and the following would be incorrect:
|
| 59 | 63392ddf | Olga Brani | // elem.style.webkitBorderRadius
|
| 60 | 63392ddf | Olga Brani | |
| 61 | 63392ddf | Olga Brani | // Webkit ghosts their properties in lowercase but Opera & Moz do not.
|
| 62 | 63392ddf | Olga Brani | // Microsoft foregoes prefixes entirely <= IE8, but appears to
|
| 63 | 63392ddf | Olga Brani | // use a lowercase `ms` instead of the correct `Ms` in IE9
|
| 64 | 63392ddf | Olga Brani | |
| 65 | 63392ddf | Olga Brani | // More here: http://github.com/Modernizr/Modernizr/issues/issue/21
|
| 66 | 63392ddf | Olga Brani | domPrefixes = 'Webkit Moz O ms Khtml'.split(' '), |
| 67 | 63392ddf | Olga Brani | |
| 68 | 63392ddf | Olga Brani | ns = {'svg': 'http://www.w3.org/2000/svg'},
|
| 69 | 63392ddf | Olga Brani | |
| 70 | 63392ddf | Olga Brani | tests = {},
|
| 71 | 63392ddf | Olga Brani | inputs = {},
|
| 72 | 63392ddf | Olga Brani | attrs = {},
|
| 73 | 63392ddf | Olga Brani | |
| 74 | 63392ddf | Olga Brani | classes = [], |
| 75 | 63392ddf | Olga Brani | |
| 76 | 63392ddf | Olga Brani | featureName, // used in testing loop
|
| 77 | 63392ddf | Olga Brani | |
| 78 | 63392ddf | Olga Brani | |
| 79 | 63392ddf | Olga Brani | // Inject element with style element and some CSS rules
|
| 80 | 63392ddf | Olga Brani | injectElementWithStyles = function( rule, callback, nodes, testnames ) { |
| 81 | 63392ddf | Olga Brani | |
| 82 | 63392ddf | Olga Brani | var style, ret, node,
|
| 83 | 63392ddf | Olga Brani | div = document.createElement('div');
|
| 84 | 63392ddf | Olga Brani | |
| 85 | 63392ddf | Olga Brani | if ( parseInt(nodes, 10) ) { |
| 86 | 63392ddf | Olga Brani | // In order not to give false positives we create a node for each test
|
| 87 | 63392ddf | Olga Brani | // This also allows the method to scale for unspecified uses
|
| 88 | 63392ddf | Olga Brani | while ( nodes-- ) {
|
| 89 | 63392ddf | Olga Brani | node = document.createElement('div');
|
| 90 | 63392ddf | Olga Brani | node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
|
| 91 | 63392ddf | Olga Brani | div.appendChild(node); |
| 92 | 63392ddf | Olga Brani | } |
| 93 | 63392ddf | Olga Brani | } |
| 94 | 63392ddf | Olga Brani | |
| 95 | 63392ddf | Olga Brani | // <style> elements in IE6-9 are considered 'NoScope' elements and therefore will be removed
|
| 96 | 63392ddf | Olga Brani | // when injected with innerHTML. To get around this you need to prepend the 'NoScope' element
|
| 97 | 63392ddf | Olga Brani | // with a 'scoped' element, in our case the soft-hyphen entity as it won't mess with our measurements.
|
| 98 | 63392ddf | Olga Brani | // http://msdn.microsoft.com/en-us/library/ms533897%28VS.85%29.aspx
|
| 99 | 63392ddf | Olga Brani | style = ['­', '<style>', rule, '</style>'].join(''); |
| 100 | 63392ddf | Olga Brani | div.id = mod; |
| 101 | 63392ddf | Olga Brani | div.innerHTML += style; |
| 102 | 63392ddf | Olga Brani | docElement.appendChild(div); |
| 103 | 63392ddf | Olga Brani | |
| 104 | 63392ddf | Olga Brani | ret = callback(div, rule); |
| 105 | 63392ddf | Olga Brani | div.parentNode.removeChild(div); |
| 106 | 63392ddf | Olga Brani | |
| 107 | 63392ddf | Olga Brani | return !!ret;
|
| 108 | 63392ddf | Olga Brani | |
| 109 | 63392ddf | Olga Brani | }, |
| 110 | 63392ddf | Olga Brani | |
| 111 | 63392ddf | Olga Brani | |
| 112 | 63392ddf | Olga Brani | // adapted from matchMedia polyfill
|
| 113 | 63392ddf | Olga Brani | // by Scott Jehl and Paul Irish
|
| 114 | 63392ddf | Olga Brani | // gist.github.com/786768
|
| 115 | 63392ddf | Olga Brani | testMediaQuery = function( mq ) { |
| 116 | 63392ddf | Olga Brani | |
| 117 | 63392ddf | Olga Brani | if ( window.matchMedia ) {
|
| 118 | 63392ddf | Olga Brani | return matchMedia(mq).matches;
|
| 119 | 63392ddf | Olga Brani | } |
| 120 | 63392ddf | Olga Brani | |
| 121 | 63392ddf | Olga Brani | var bool;
|
| 122 | 63392ddf | Olga Brani | |
| 123 | 63392ddf | Olga Brani | injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) { |
| 124 | 63392ddf | Olga Brani | bool = (window.getComputedStyle ? |
| 125 | 63392ddf | Olga Brani | getComputedStyle(node, null) :
|
| 126 | 63392ddf | Olga Brani | node.currentStyle)['position'] == 'absolute'; |
| 127 | 63392ddf | Olga Brani | }); |
| 128 | 63392ddf | Olga Brani | |
| 129 | 63392ddf | Olga Brani | return bool;
|
| 130 | 63392ddf | Olga Brani | |
| 131 | 63392ddf | Olga Brani | }, |
| 132 | 63392ddf | Olga Brani | |
| 133 | 63392ddf | Olga Brani | |
| 134 | 63392ddf | Olga Brani | /**
|
| 135 | 63392ddf | Olga Brani | * isEventSupported determines if a given element supports the given event
|
| 136 | 63392ddf | Olga Brani | * function from http://yura.thinkweb2.com/isEventSupported/
|
| 137 | 63392ddf | Olga Brani | */
|
| 138 | 63392ddf | Olga Brani | isEventSupported = (function() {
|
| 139 | 63392ddf | Olga Brani | |
| 140 | 63392ddf | Olga Brani | var TAGNAMES = {
|
| 141 | 63392ddf | Olga Brani | 'select': 'input', 'change': 'input', |
| 142 | 63392ddf | Olga Brani | 'submit': 'form', 'reset': 'form', |
| 143 | 63392ddf | Olga Brani | 'error': 'img', 'load': 'img', 'abort': 'img' |
| 144 | 63392ddf | Olga Brani | }; |
| 145 | 63392ddf | Olga Brani | |
| 146 | 63392ddf | Olga Brani | function isEventSupported( eventName, element ) { |
| 147 | 63392ddf | Olga Brani | |
| 148 | 63392ddf | Olga Brani | element = element || document.createElement(TAGNAMES[eventName] || 'div');
|
| 149 | 63392ddf | Olga Brani | eventName = 'on' + eventName;
|
| 150 | 63392ddf | Olga Brani | |
| 151 | 63392ddf | Olga Brani | // When using `setAttribute`, IE skips "unload", WebKit skips "unload" and "resize", whereas `in` "catches" those
|
| 152 | 63392ddf | Olga Brani | var isSupported = eventName in element; |
| 153 | 63392ddf | Olga Brani | |
| 154 | 63392ddf | Olga Brani | if ( !isSupported ) {
|
| 155 | 63392ddf | Olga Brani | // If it has no `setAttribute` (i.e. doesn't implement Node interface), try generic element
|
| 156 | 63392ddf | Olga Brani | if ( !element.setAttribute ) {
|
| 157 | 63392ddf | Olga Brani | element = document.createElement('div');
|
| 158 | 63392ddf | Olga Brani | } |
| 159 | 63392ddf | Olga Brani | if ( element.setAttribute && element.removeAttribute ) {
|
| 160 | 63392ddf | Olga Brani | element.setAttribute(eventName, '');
|
| 161 | 63392ddf | Olga Brani | isSupported = is(element[eventName], 'function');
|
| 162 | 63392ddf | Olga Brani | |
| 163 | 63392ddf | Olga Brani | // If property was created, "remove it" (by setting value to `undefined`)
|
| 164 | 63392ddf | Olga Brani | if ( !is(element[eventName], undefined) ) { |
| 165 | 63392ddf | Olga Brani | element[eventName] = undefined;
|
| 166 | 63392ddf | Olga Brani | } |
| 167 | 63392ddf | Olga Brani | element.removeAttribute(eventName); |
| 168 | 63392ddf | Olga Brani | } |
| 169 | 63392ddf | Olga Brani | } |
| 170 | 63392ddf | Olga Brani | |
| 171 | 63392ddf | Olga Brani | element = null;
|
| 172 | 63392ddf | Olga Brani | return isSupported;
|
| 173 | 63392ddf | Olga Brani | } |
| 174 | 63392ddf | Olga Brani | return isEventSupported;
|
| 175 | 63392ddf | Olga Brani | })(); |
| 176 | 63392ddf | Olga Brani | |
| 177 | 63392ddf | Olga Brani | // hasOwnProperty shim by kangax needed for Safari 2.0 support
|
| 178 | 63392ddf | Olga Brani | var _hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty;
|
| 179 | 63392ddf | Olga Brani | if ( !is(_hasOwnProperty, undefined) && !is(_hasOwnProperty.call, undefined) ) { |
| 180 | 63392ddf | Olga Brani | hasOwnProperty = function (object, property) { |
| 181 | 63392ddf | Olga Brani | return _hasOwnProperty.call(object, property);
|
| 182 | 63392ddf | Olga Brani | }; |
| 183 | 63392ddf | Olga Brani | } |
| 184 | 63392ddf | Olga Brani | else {
|
| 185 | 63392ddf | Olga Brani | hasOwnProperty = function (object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */ |
| 186 | 63392ddf | Olga Brani | return ((property in object) && is(object.constructor.prototype[property], undefined)); |
| 187 | 63392ddf | Olga Brani | }; |
| 188 | 63392ddf | Olga Brani | } |
| 189 | 63392ddf | Olga Brani | |
| 190 | 63392ddf | Olga Brani | /**
|
| 191 | 63392ddf | Olga Brani | * setCss applies given styles to the Modernizr DOM node.
|
| 192 | 63392ddf | Olga Brani | */
|
| 193 | 63392ddf | Olga Brani | function setCss( str ) { |
| 194 | 63392ddf | Olga Brani | mStyle.cssText = str; |
| 195 | 63392ddf | Olga Brani | } |
| 196 | 63392ddf | Olga Brani | |
| 197 | 63392ddf | Olga Brani | /**
|
| 198 | 63392ddf | Olga Brani | * setCssAll extrapolates all vendor-specific css strings.
|
| 199 | 63392ddf | Olga Brani | */
|
| 200 | 63392ddf | Olga Brani | function setCssAll( str1, str2 ) { |
| 201 | 63392ddf | Olga Brani | return setCss(prefixes.join(str1 + ';') + ( str2 || '' )); |
| 202 | 63392ddf | Olga Brani | } |
| 203 | 63392ddf | Olga Brani | |
| 204 | 63392ddf | Olga Brani | /**
|
| 205 | 63392ddf | Olga Brani | * is returns a boolean for if typeof obj is exactly type.
|
| 206 | 63392ddf | Olga Brani | */
|
| 207 | 63392ddf | Olga Brani | function is( obj, type ) { |
| 208 | 63392ddf | Olga Brani | return typeof obj === type; |
| 209 | 63392ddf | Olga Brani | } |
| 210 | 63392ddf | Olga Brani | |
| 211 | 63392ddf | Olga Brani | /**
|
| 212 | 63392ddf | Olga Brani | * contains returns a boolean for if substr is found within str.
|
| 213 | 63392ddf | Olga Brani | */
|
| 214 | 63392ddf | Olga Brani | function contains( str, substr ) { |
| 215 | 63392ddf | Olga Brani | return !!~('' + str).indexOf(substr); |
| 216 | 63392ddf | Olga Brani | } |
| 217 | 63392ddf | Olga Brani | |
| 218 | 63392ddf | Olga Brani | /**
|
| 219 | 63392ddf | Olga Brani | * testProps is a generic CSS / DOM property test; if a browser supports
|
| 220 | 63392ddf | Olga Brani | * a certain property, it won't return undefined for it.
|
| 221 | 63392ddf | Olga Brani | * A supported CSS property returns empty string when its not yet set.
|
| 222 | 63392ddf | Olga Brani | */
|
| 223 | 63392ddf | Olga Brani | function testProps( props, prefixed ) { |
| 224 | 63392ddf | Olga Brani | for ( var i in props ) { |
| 225 | 63392ddf | Olga Brani | if ( mStyle[ props[i] ] !== undefined ) { |
| 226 | 63392ddf | Olga Brani | return prefixed == 'pfx' ? props[i] : true; |
| 227 | 63392ddf | Olga Brani | } |
| 228 | 63392ddf | Olga Brani | } |
| 229 | 63392ddf | Olga Brani | return false; |
| 230 | 63392ddf | Olga Brani | } |
| 231 | 63392ddf | Olga Brani | |
| 232 | 63392ddf | Olga Brani | /**
|
| 233 | 63392ddf | Olga Brani | * testPropsAll tests a list of DOM properties we want to check against.
|
| 234 | 63392ddf | Olga Brani | * We specify literally ALL possible (known and/or likely) properties on
|
| 235 | 63392ddf | Olga Brani | * the element including the non-vendor prefixed one, for forward-
|
| 236 | 63392ddf | Olga Brani | * compatibility.
|
| 237 | 63392ddf | Olga Brani | */
|
| 238 | 63392ddf | Olga Brani | function testPropsAll( prop, prefixed ) { |
| 239 | 63392ddf | Olga Brani | |
| 240 | 63392ddf | Olga Brani | var ucProp = prop.charAt(0).toUpperCase() + prop.substr(1), |
| 241 | 63392ddf | Olga Brani | props = (prop + ' ' + domPrefixes.join(ucProp + ' ') + ucProp).split(' '); |
| 242 | 63392ddf | Olga Brani | |
| 243 | 63392ddf | Olga Brani | return testProps(props, prefixed);
|
| 244 | 63392ddf | Olga Brani | } |
| 245 | 63392ddf | Olga Brani | |
| 246 | 63392ddf | Olga Brani | /**
|
| 247 | 63392ddf | Olga Brani | * testBundle tests a list of CSS features that require element and style injection.
|
| 248 | 63392ddf | Olga Brani | * By bundling them together we can reduce the need to touch the DOM multiple times.
|
| 249 | 63392ddf | Olga Brani | */
|
| 250 | 63392ddf | Olga Brani | /*>>testBundle*/
|
| 251 | 63392ddf | Olga Brani | var testBundle = (function( styles, tests ) { |
| 252 | 63392ddf | Olga Brani | var style = styles.join(''), |
| 253 | 63392ddf | Olga Brani | len = tests.length; |
| 254 | 63392ddf | Olga Brani | |
| 255 | 63392ddf | Olga Brani | injectElementWithStyles(style, function( node, rule ) {
|
| 256 | 63392ddf | Olga Brani | var style = document.styleSheets[document.styleSheets.length - 1], |
| 257 | 63392ddf | Olga Brani | // IE8 will bork if you create a custom build that excludes both fontface and generatedcontent tests.
|
| 258 | 63392ddf | Olga Brani | // So we check for cssRules and that there is a rule available
|
| 259 | 63392ddf | Olga Brani | // More here: https://github.com/Modernizr/Modernizr/issues/288 & https://github.com/Modernizr/Modernizr/issues/293
|
| 260 | 63392ddf | Olga Brani | cssText = style.cssRules && style.cssRules[0] ? style.cssRules[0].cssText : style.cssText || "", |
| 261 | 63392ddf | Olga Brani | children = node.childNodes, hash = {};
|
| 262 | 63392ddf | Olga Brani | |
| 263 | 63392ddf | Olga Brani | while ( len-- ) {
|
| 264 | 63392ddf | Olga Brani | hash[children[len].id] = children[len]; |
| 265 | 63392ddf | Olga Brani | } |
| 266 | 63392ddf | Olga Brani | |
| 267 | 63392ddf | Olga Brani | /*>>touch*/ Modernizr['touch'] = ('ontouchstart' in window) || hash['touch'].offsetTop === 9; /*>>touch*/ |
| 268 | 63392ddf | Olga Brani | /*>>csstransforms3d*/ Modernizr['csstransforms3d'] = hash['csstransforms3d'].offsetLeft === 9; /*>>csstransforms3d*/ |
| 269 | 63392ddf | Olga Brani | /*>>generatedcontent*/Modernizr['generatedcontent'] = hash['generatedcontent'].offsetHeight >= 1; /*>>generatedcontent*/ |
| 270 | 63392ddf | Olga Brani | /*>>fontface*/ Modernizr['fontface'] = /src/i.test(cssText) && |
| 271 | 63392ddf | Olga Brani | cssText.indexOf(rule.split(' ')[0]) === 0; /*>>fontface*/ |
| 272 | 63392ddf | Olga Brani | }, len, tests); |
| 273 | 63392ddf | Olga Brani | |
| 274 | 63392ddf | Olga Brani | })([ |
| 275 | 63392ddf | Olga Brani | // Pass in styles to be injected into document
|
| 276 | 63392ddf | Olga Brani | /*>>fontface*/ '@font-face {font-family:"font";src:url("https://")}' /*>>fontface*/ |
| 277 | 63392ddf | Olga Brani | |
| 278 | 63392ddf | Olga Brani | /*>>touch*/ ,['@media (',prefixes.join('touch-enabled),('),mod,')', |
| 279 | 63392ddf | Olga Brani | '{#touch{top:9px;position:absolute}}'].join('') /*>>touch*/ |
| 280 | 63392ddf | Olga Brani | |
| 281 | 63392ddf | Olga Brani | /*>>csstransforms3d*/ ,['@media (',prefixes.join('transform-3d),('),mod,')', |
| 282 | 63392ddf | Olga Brani | '{#csstransforms3d{left:9px;position:absolute}}'].join('')/*>>csstransforms3d*/ |
| 283 | 63392ddf | Olga Brani | |
| 284 | 63392ddf | Olga Brani | /*>>generatedcontent*/,['#generatedcontent:after{content:"',smile,'";visibility:hidden}'].join('') /*>>generatedcontent*/ |
| 285 | 63392ddf | Olga Brani | ], |
| 286 | 63392ddf | Olga Brani | [ |
| 287 | 63392ddf | Olga Brani | /*>>fontface*/ 'fontface' /*>>fontface*/ |
| 288 | 63392ddf | Olga Brani | /*>>touch*/ ,'touch' /*>>touch*/ |
| 289 | 63392ddf | Olga Brani | /*>>csstransforms3d*/ ,'csstransforms3d' /*>>csstransforms3d*/ |
| 290 | 63392ddf | Olga Brani | /*>>generatedcontent*/,'generatedcontent' /*>>generatedcontent*/ |
| 291 | 63392ddf | Olga Brani | |
| 292 | 63392ddf | Olga Brani | ]);/*>>testBundle*/
|
| 293 | 63392ddf | Olga Brani | |
| 294 | 63392ddf | Olga Brani | |
| 295 | 63392ddf | Olga Brani | /**
|
| 296 | 63392ddf | Olga Brani | * Tests
|
| 297 | 63392ddf | Olga Brani | * -----
|
| 298 | 63392ddf | Olga Brani | */
|
| 299 | 63392ddf | Olga Brani | |
| 300 | 63392ddf | Olga Brani | tests['flexbox'] = function() { |
| 301 | 63392ddf | Olga Brani | /**
|
| 302 | 63392ddf | Olga Brani | * setPrefixedValueCSS sets the property of a specified element
|
| 303 | 63392ddf | Olga Brani | * adding vendor prefixes to the VALUE of the property.
|
| 304 | 63392ddf | Olga Brani | * @param {Element} element
|
| 305 | 63392ddf | Olga Brani | * @param {string} property The property name. This will not be prefixed.
|
| 306 | 63392ddf | Olga Brani | * @param {string} value The value of the property. This WILL be prefixed.
|
| 307 | 63392ddf | Olga Brani | * @param {string=} extra Additional CSS to append unmodified to the end of
|
| 308 | 63392ddf | Olga Brani | * the CSS string.
|
| 309 | 63392ddf | Olga Brani | */
|
| 310 | 63392ddf | Olga Brani | function setPrefixedValueCSS( element, property, value, extra ) { |
| 311 | 63392ddf | Olga Brani | property += ':';
|
| 312 | 63392ddf | Olga Brani | element.style.cssText = (property + prefixes.join(value + ';' + property)).slice(0, -property.length) + (extra || ''); |
| 313 | 63392ddf | Olga Brani | } |
| 314 | 63392ddf | Olga Brani | |
| 315 | 63392ddf | Olga Brani | /**
|
| 316 | 63392ddf | Olga Brani | * setPrefixedPropertyCSS sets the property of a specified element
|
| 317 | 63392ddf | Olga Brani | * adding vendor prefixes to the NAME of the property.
|
| 318 | 63392ddf | Olga Brani | * @param {Element} element
|
| 319 | 63392ddf | Olga Brani | * @param {string} property The property name. This WILL be prefixed.
|
| 320 | 63392ddf | Olga Brani | * @param {string} value The value of the property. This will not be prefixed.
|
| 321 | 63392ddf | Olga Brani | * @param {string=} extra Additional CSS to append unmodified to the end of
|
| 322 | 63392ddf | Olga Brani | * the CSS string.
|
| 323 | 63392ddf | Olga Brani | */
|
| 324 | 63392ddf | Olga Brani | function setPrefixedPropertyCSS( element, property, value, extra ) { |
| 325 | 63392ddf | Olga Brani | element.style.cssText = prefixes.join(property + ':' + value + ';') + (extra || ''); |
| 326 | 63392ddf | Olga Brani | } |
| 327 | 63392ddf | Olga Brani | |
| 328 | 63392ddf | Olga Brani | var c = document.createElement('div'), |
| 329 | 63392ddf | Olga Brani | elem = document.createElement('div');
|
| 330 | 63392ddf | Olga Brani | |
| 331 | 63392ddf | Olga Brani | setPrefixedValueCSS(c, 'display', 'box', 'width:42px;padding:0;'); |
| 332 | 63392ddf | Olga Brani | setPrefixedPropertyCSS(elem, 'box-flex', '1', 'width:10px;'); |
| 333 | 63392ddf | Olga Brani | |
| 334 | 63392ddf | Olga Brani | c.appendChild(elem); |
| 335 | 63392ddf | Olga Brani | docElement.appendChild(c); |
| 336 | 63392ddf | Olga Brani | |
| 337 | 63392ddf | Olga Brani | var ret = elem.offsetWidth === 42; |
| 338 | 63392ddf | Olga Brani | |
| 339 | 63392ddf | Olga Brani | c.removeChild(elem); |
| 340 | 63392ddf | Olga Brani | docElement.removeChild(c); |
| 341 | 63392ddf | Olga Brani | |
| 342 | 63392ddf | Olga Brani | return ret;
|
| 343 | 63392ddf | Olga Brani | }; |
| 344 | 63392ddf | Olga Brani | |
| 345 | 63392ddf | Olga Brani | // On the S60 and BB Storm, getContext exists, but always returns undefined
|
| 346 | 63392ddf | Olga Brani | // http://github.com/Modernizr/Modernizr/issues/issue/97/
|
| 347 | 63392ddf | Olga Brani | |
| 348 | 63392ddf | Olga Brani | tests['canvas'] = function() { |
| 349 | 63392ddf | Olga Brani | var elem = document.createElement('canvas'); |
| 350 | 63392ddf | Olga Brani | return !!(elem.getContext && elem.getContext('2d')); |
| 351 | 63392ddf | Olga Brani | }; |
| 352 | 63392ddf | Olga Brani | |
| 353 | 63392ddf | Olga Brani | tests['canvastext'] = function() { |
| 354 | 63392ddf | Olga Brani | return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function')); |
| 355 | 63392ddf | Olga Brani | }; |
| 356 | 63392ddf | Olga Brani | |
| 357 | 63392ddf | Olga Brani | // This WebGL test may false positive.
|
| 358 | 63392ddf | Olga Brani | // But really it's quite impossible to know whether webgl will succeed until after you create the context.
|
| 359 | 63392ddf | Olga Brani | // You might have hardware that can support a 100x100 webgl canvas, but will not support a 1000x1000 webgl
|
| 360 | 63392ddf | Olga Brani | // canvas. So this feature inference is weak, but intentionally so.
|
| 361 | 63392ddf | Olga Brani | |
| 362 | 63392ddf | Olga Brani | // It is known to false positive in FF4 with certain hardware and the iPad 2.
|
| 363 | 63392ddf | Olga Brani | |
| 364 | 63392ddf | Olga Brani | tests['webgl'] = function() { |
| 365 | 63392ddf | Olga Brani | return !!window.WebGLRenderingContext;
|
| 366 | 63392ddf | Olga Brani | }; |
| 367 | 63392ddf | Olga Brani | |
| 368 | 63392ddf | Olga Brani | /*
|
| 369 | 63392ddf | Olga Brani | * The Modernizr.touch test only indicates if the browser supports
|
| 370 | 63392ddf | Olga Brani | * touch events, which does not necessarily reflect a touchscreen
|
| 371 | 63392ddf | Olga Brani | * device, as evidenced by tablets running Windows 7 or, alas,
|
| 372 | 63392ddf | Olga Brani | * the Palm Pre / WebOS (touch) phones.
|
| 373 | 63392ddf | Olga Brani | *
|
| 374 | 63392ddf | Olga Brani | * Additionally, Chrome (desktop) used to lie about its support on this,
|
| 375 | 63392ddf | Olga Brani | * but that has since been rectified: http://crbug.com/36415
|
| 376 | 63392ddf | Olga Brani | *
|
| 377 | 63392ddf | Olga Brani | * We also test for Firefox 4 Multitouch Support.
|
| 378 | 63392ddf | Olga Brani | *
|
| 379 | 63392ddf | Olga Brani | * For more info, see: http://modernizr.github.com/Modernizr/touch.html
|
| 380 | 63392ddf | Olga Brani | */
|
| 381 | 63392ddf | Olga Brani | |
| 382 | 63392ddf | Olga Brani | tests['touch'] = function() { |
| 383 | 63392ddf | Olga Brani | return Modernizr['touch']; |
| 384 | 63392ddf | Olga Brani | }; |
| 385 | 63392ddf | Olga Brani | |
| 386 | 63392ddf | Olga Brani | /**
|
| 387 | 63392ddf | Olga Brani | * geolocation tests for the new Geolocation API specification.
|
| 388 | 63392ddf | Olga Brani | * This test is a standards compliant-only test; for more complete
|
| 389 | 63392ddf | Olga Brani | * testing, including a Google Gears fallback, please see:
|
| 390 | 63392ddf | Olga Brani | * http://code.google.com/p/geo-location-javascript/
|
| 391 | 63392ddf | Olga Brani | * or view a fallback solution using google's geo API:
|
| 392 | 63392ddf | Olga Brani | * http://gist.github.com/366184
|
| 393 | 63392ddf | Olga Brani | */
|
| 394 | 63392ddf | Olga Brani | tests['geolocation'] = function() { |
| 395 | 63392ddf | Olga Brani | return !!navigator.geolocation;
|
| 396 | 63392ddf | Olga Brani | }; |
| 397 | 63392ddf | Olga Brani | |
| 398 | 63392ddf | Olga Brani | // Per 1.6:
|
| 399 | 63392ddf | Olga Brani | // This used to be Modernizr.crosswindowmessaging but the longer
|
| 400 | 63392ddf | Olga Brani | // name has been deprecated in favor of a shorter and property-matching one.
|
| 401 | 63392ddf | Olga Brani | // The old API is still available in 1.6, but as of 2.0 will throw a warning,
|
| 402 | 63392ddf | Olga Brani | // and in the first release thereafter disappear entirely.
|
| 403 | 63392ddf | Olga Brani | tests['postmessage'] = function() { |
| 404 | 63392ddf | Olga Brani | return !!window.postMessage;
|
| 405 | 63392ddf | Olga Brani | }; |
| 406 | 63392ddf | Olga Brani | |
| 407 | 63392ddf | Olga Brani | // Web SQL database detection is tricky:
|
| 408 | 63392ddf | Olga Brani | |
| 409 | 63392ddf | Olga Brani | // In chrome incognito mode, openDatabase is truthy, but using it will
|
| 410 | 63392ddf | Olga Brani | // throw an exception: http://crbug.com/42380
|
| 411 | 63392ddf | Olga Brani | // We can create a dummy database, but there is no way to delete it afterwards.
|
| 412 | 63392ddf | Olga Brani | |
| 413 | 63392ddf | Olga Brani | // Meanwhile, Safari users can get prompted on any database creation.
|
| 414 | 63392ddf | Olga Brani | // If they do, any page with Modernizr will give them a prompt:
|
| 415 | 63392ddf | Olga Brani | // http://github.com/Modernizr/Modernizr/issues/closed#issue/113
|
| 416 | 63392ddf | Olga Brani | |
| 417 | 63392ddf | Olga Brani | // We have chosen to allow the Chrome incognito false positive, so that Modernizr
|
| 418 | 63392ddf | Olga Brani | // doesn't litter the web with these test databases. As a developer, you'll have
|
| 419 | 63392ddf | Olga Brani | // to account for this gotcha yourself.
|
| 420 | 63392ddf | Olga Brani | tests['websqldatabase'] = function() { |
| 421 | 63392ddf | Olga Brani | var result = !!window.openDatabase;
|
| 422 | 63392ddf | Olga Brani | /* if (result){
|
| 423 | 63392ddf | Olga Brani | try {
|
| 424 | 63392ddf | Olga Brani | result = !!openDatabase( mod + "testdb", "1.0", mod + "testdb", 2e4);
|
| 425 | 63392ddf | Olga Brani | } catch(e) {
|
| 426 | 63392ddf | Olga Brani | }
|
| 427 | 63392ddf | Olga Brani | } */
|
| 428 | 63392ddf | Olga Brani | return result;
|
| 429 | 63392ddf | Olga Brani | }; |
| 430 | 63392ddf | Olga Brani | |
| 431 | 63392ddf | Olga Brani | // Vendors had inconsistent prefixing with the experimental Indexed DB:
|
| 432 | 63392ddf | Olga Brani | // - Webkit's implementation is accessible through webkitIndexedDB
|
| 433 | 63392ddf | Olga Brani | // - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB
|
| 434 | 63392ddf | Olga Brani | // For speed, we don't test the legacy (and beta-only) indexedDB
|
| 435 | 63392ddf | Olga Brani | tests['indexedDB'] = function() { |
| 436 | 63392ddf | Olga Brani | for ( var i = -1, len = domPrefixes.length; ++i < len; ){ |
| 437 | 63392ddf | Olga Brani | if ( window[domPrefixes[i].toLowerCase() + 'IndexedDB'] ){ |
| 438 | 63392ddf | Olga Brani | return true; |
| 439 | 63392ddf | Olga Brani | } |
| 440 | 63392ddf | Olga Brani | } |
| 441 | 63392ddf | Olga Brani | return !!window.indexedDB;
|
| 442 | 63392ddf | Olga Brani | }; |
| 443 | 63392ddf | Olga Brani | |
| 444 | 63392ddf | Olga Brani | // documentMode logic from YUI to filter out IE8 Compat Mode
|
| 445 | 63392ddf | Olga Brani | // which false positives.
|
| 446 | 63392ddf | Olga Brani | tests['hashchange'] = function() { |
| 447 | 63392ddf | Olga Brani | return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7); |
| 448 | 63392ddf | Olga Brani | }; |
| 449 | 63392ddf | Olga Brani | |
| 450 | 63392ddf | Olga Brani | // Per 1.6:
|
| 451 | 63392ddf | Olga Brani | // This used to be Modernizr.historymanagement but the longer
|
| 452 | 63392ddf | Olga Brani | // name has been deprecated in favor of a shorter and property-matching one.
|
| 453 | 63392ddf | Olga Brani | // The old API is still available in 1.6, but as of 2.0 will throw a warning,
|
| 454 | 63392ddf | Olga Brani | // and in the first release thereafter disappear entirely.
|
| 455 | 63392ddf | Olga Brani | tests['history'] = function() { |
| 456 | 63392ddf | Olga Brani | return !!(window.history && history.pushState);
|
| 457 | 63392ddf | Olga Brani | }; |
| 458 | 63392ddf | Olga Brani | |
| 459 | 63392ddf | Olga Brani | tests['draganddrop'] = function() { |
| 460 | 63392ddf | Olga Brani | return isEventSupported('dragstart') && isEventSupported('drop'); |
| 461 | 63392ddf | Olga Brani | }; |
| 462 | 63392ddf | Olga Brani | |
| 463 | 63392ddf | Olga Brani | // Mozilla is targeting to land MozWebSocket for FF6
|
| 464 | 63392ddf | Olga Brani | // bugzil.la/659324
|
| 465 | 63392ddf | Olga Brani | tests['websockets'] = function() { |
| 466 | 63392ddf | Olga Brani | for ( var i = -1, len = domPrefixes.length; ++i < len; ){ |
| 467 | 63392ddf | Olga Brani | if ( window[domPrefixes[i] + 'WebSocket'] ){ |
| 468 | 63392ddf | Olga Brani | return true; |
| 469 | 63392ddf | Olga Brani | } |
| 470 | 63392ddf | Olga Brani | } |
| 471 | 63392ddf | Olga Brani | return 'WebSocket' in window; |
| 472 | 63392ddf | Olga Brani | }; |
| 473 | 63392ddf | Olga Brani | |
| 474 | 63392ddf | Olga Brani | |
| 475 | 63392ddf | Olga Brani | // http://css-tricks.com/rgba-browser-support/
|
| 476 | 63392ddf | Olga Brani | tests['rgba'] = function() { |
| 477 | 63392ddf | Olga Brani | // Set an rgba() color and check the returned value
|
| 478 | 63392ddf | Olga Brani | |
| 479 | 63392ddf | Olga Brani | setCss('background-color:rgba(150,255,150,.5)');
|
| 480 | 63392ddf | Olga Brani | |
| 481 | 63392ddf | Olga Brani | return contains(mStyle.backgroundColor, 'rgba'); |
| 482 | 63392ddf | Olga Brani | }; |
| 483 | 63392ddf | Olga Brani | |
| 484 | 63392ddf | Olga Brani | tests['hsla'] = function() { |
| 485 | 63392ddf | Olga Brani | // Same as rgba(), in fact, browsers re-map hsla() to rgba() internally,
|
| 486 | 63392ddf | Olga Brani | // except IE9 who retains it as hsla
|
| 487 | 63392ddf | Olga Brani | |
| 488 | 63392ddf | Olga Brani | setCss('background-color:hsla(120,40%,100%,.5)');
|
| 489 | 63392ddf | Olga Brani | |
| 490 | 63392ddf | Olga Brani | return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla'); |
| 491 | 63392ddf | Olga Brani | }; |
| 492 | 63392ddf | Olga Brani | |
| 493 | 63392ddf | Olga Brani | tests['multiplebgs'] = function() { |
| 494 | 63392ddf | Olga Brani | // Setting multiple images AND a color on the background shorthand property
|
| 495 | 63392ddf | Olga Brani | // and then querying the style.background property value for the number of
|
| 496 | 63392ddf | Olga Brani | // occurrences of "url(" is a reliable method for detecting ACTUAL support for this!
|
| 497 | 63392ddf | Olga Brani | |
| 498 | 63392ddf | Olga Brani | setCss('background:url(https://),url(https://),red url(https://)');
|
| 499 | 63392ddf | Olga Brani | |
| 500 | 63392ddf | Olga Brani | // If the UA supports multiple backgrounds, there should be three occurrences
|
| 501 | 63392ddf | Olga Brani | // of the string "url(" in the return value for elemStyle.background
|
| 502 | 63392ddf | Olga Brani | |
| 503 | 63392ddf | Olga Brani | return /(url\s*\(.*?){3}/.test(mStyle.background); |
| 504 | 63392ddf | Olga Brani | }; |
| 505 | 63392ddf | Olga Brani | |
| 506 | 63392ddf | Olga Brani | |
| 507 | 63392ddf | Olga Brani | // In testing support for a given CSS property, it's legit to test:
|
| 508 | 63392ddf | Olga Brani | // `elem.style[styleName] !== undefined`
|
| 509 | 63392ddf | Olga Brani | // If the property is supported it will return an empty string,
|
| 510 | 63392ddf | Olga Brani | // if unsupported it will return undefined.
|
| 511 | 63392ddf | Olga Brani | |
| 512 | 63392ddf | Olga Brani | // We'll take advantage of this quick test and skip setting a style
|
| 513 | 63392ddf | Olga Brani | // on our modernizr element, but instead just testing undefined vs
|
| 514 | 63392ddf | Olga Brani | // empty string.
|
| 515 | 63392ddf | Olga Brani | |
| 516 | 63392ddf | Olga Brani | |
| 517 | 63392ddf | Olga Brani | tests['backgroundsize'] = function() { |
| 518 | 63392ddf | Olga Brani | return testPropsAll('backgroundSize'); |
| 519 | 63392ddf | Olga Brani | }; |
| 520 | 63392ddf | Olga Brani | |
| 521 | 63392ddf | Olga Brani | tests['borderimage'] = function() { |
| 522 | 63392ddf | Olga Brani | return testPropsAll('borderImage'); |
| 523 | 63392ddf | Olga Brani | }; |
| 524 | 63392ddf | Olga Brani | |
| 525 | 63392ddf | Olga Brani | |
| 526 | 63392ddf | Olga Brani | // Super comprehensive table about all the unique implementations of
|
| 527 | 63392ddf | Olga Brani | // border-radius: http://muddledramblings.com/table-of-css3-border-radius-compliance
|
| 528 | 63392ddf | Olga Brani | |
| 529 | 63392ddf | Olga Brani | tests['borderradius'] = function() { |
| 530 | 63392ddf | Olga Brani | return testPropsAll('borderRadius'); |
| 531 | 63392ddf | Olga Brani | }; |
| 532 | 63392ddf | Olga Brani | |
| 533 | 63392ddf | Olga Brani | // WebOS unfortunately false positives on this test.
|
| 534 | 63392ddf | Olga Brani | tests['boxshadow'] = function() { |
| 535 | 63392ddf | Olga Brani | return testPropsAll('boxShadow'); |
| 536 | 63392ddf | Olga Brani | }; |
| 537 | 63392ddf | Olga Brani | |
| 538 | 63392ddf | Olga Brani | // FF3.0 will false positive on this test
|
| 539 | 63392ddf | Olga Brani | tests['textshadow'] = function() { |
| 540 | 63392ddf | Olga Brani | return document.createElement('div').style.textShadow === ''; |
| 541 | 63392ddf | Olga Brani | }; |
| 542 | 63392ddf | Olga Brani | |
| 543 | 63392ddf | Olga Brani | |
| 544 | 63392ddf | Olga Brani | tests['opacity'] = function() { |
| 545 | 63392ddf | Olga Brani | // Browsers that actually have CSS Opacity implemented have done so
|
| 546 | 63392ddf | Olga Brani | // according to spec, which means their return values are within the
|
| 547 | 63392ddf | Olga Brani | // range of [0.0,1.0] - including the leading zero.
|
| 548 | 63392ddf | Olga Brani | |
| 549 | 63392ddf | Olga Brani | setCssAll('opacity:.55');
|
| 550 | 63392ddf | Olga Brani | |
| 551 | 63392ddf | Olga Brani | // The non-literal . in this regex is intentional:
|
| 552 | 63392ddf | Olga Brani | // German Chrome returns this value as 0,55
|
| 553 | 63392ddf | Olga Brani | // https://github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632
|
| 554 | 63392ddf | Olga Brani | return /^0.55$/.test(mStyle.opacity); |
| 555 | 63392ddf | Olga Brani | }; |
| 556 | 63392ddf | Olga Brani | |
| 557 | 63392ddf | Olga Brani | |
| 558 | 63392ddf | Olga Brani | tests['cssanimations'] = function() { |
| 559 | 63392ddf | Olga Brani | return testPropsAll('animationName'); |
| 560 | 63392ddf | Olga Brani | }; |
| 561 | 63392ddf | Olga Brani | |
| 562 | 63392ddf | Olga Brani | |
| 563 | 63392ddf | Olga Brani | tests['csscolumns'] = function() { |
| 564 | 63392ddf | Olga Brani | return testPropsAll('columnCount'); |
| 565 | 63392ddf | Olga Brani | }; |
| 566 | 63392ddf | Olga Brani | |
| 567 | 63392ddf | Olga Brani | |
| 568 | 63392ddf | Olga Brani | tests['cssgradients'] = function() { |
| 569 | 63392ddf | Olga Brani | /**
|
| 570 | 63392ddf | Olga Brani | * For CSS Gradients syntax, please see:
|
| 571 | 63392ddf | Olga Brani | * http://webkit.org/blog/175/introducing-css-gradients/
|
| 572 | 63392ddf | Olga Brani | * https://developer.mozilla.org/en/CSS/-moz-linear-gradient
|
| 573 | 63392ddf | Olga Brani | * https://developer.mozilla.org/en/CSS/-moz-radial-gradient
|
| 574 | 63392ddf | Olga Brani | * http://dev.w3.org/csswg/css3-images/#gradients-
|
| 575 | 63392ddf | Olga Brani | */
|
| 576 | 63392ddf | Olga Brani | |
| 577 | 63392ddf | Olga Brani | var str1 = 'background-image:', |
| 578 | 63392ddf | Olga Brani | str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));',
|
| 579 | 63392ddf | Olga Brani | str3 = 'linear-gradient(left top,#9f9, white);';
|
| 580 | 63392ddf | Olga Brani | |
| 581 | 63392ddf | Olga Brani | setCss( |
| 582 | 63392ddf | Olga Brani | (str1 + prefixes.join(str2 + str1) + prefixes.join(str3 + str1)).slice(0, -str1.length)
|
| 583 | 63392ddf | Olga Brani | ); |
| 584 | 63392ddf | Olga Brani | |
| 585 | 63392ddf | Olga Brani | return contains(mStyle.backgroundImage, 'gradient'); |
| 586 | 63392ddf | Olga Brani | }; |
| 587 | 63392ddf | Olga Brani | |
| 588 | 63392ddf | Olga Brani | |
| 589 | 63392ddf | Olga Brani | tests['cssreflections'] = function() { |
| 590 | 63392ddf | Olga Brani | return testPropsAll('boxReflect'); |
| 591 | 63392ddf | Olga Brani | }; |
| 592 | 63392ddf | Olga Brani | |
| 593 | 63392ddf | Olga Brani | |
| 594 | 63392ddf | Olga Brani | tests['csstransforms'] = function() { |
| 595 | 63392ddf | Olga Brani | return !!testProps(['transformProperty', 'WebkitTransform', 'MozTransform', 'OTransform', 'msTransform']); |
| 596 | 63392ddf | Olga Brani | }; |
| 597 | 63392ddf | Olga Brani | |
| 598 | 63392ddf | Olga Brani | |
| 599 | 63392ddf | Olga Brani | tests['csstransforms3d'] = function() { |
| 600 | 63392ddf | Olga Brani | |
| 601 | 63392ddf | Olga Brani | var ret = !!testProps(['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']); |
| 602 | 63392ddf | Olga Brani | |
| 603 | 63392ddf | Olga Brani | // Webkit’s 3D transforms are passed off to the browser's own graphics renderer.
|
| 604 | 63392ddf | Olga Brani | // It works fine in Safari on Leopard and Snow Leopard, but not in Chrome in
|
| 605 | 63392ddf | Olga Brani | // some conditions. As a result, Webkit typically recognizes the syntax but
|
| 606 | 63392ddf | Olga Brani | // will sometimes throw a false positive, thus we must do a more thorough check:
|
| 607 | 63392ddf | Olga Brani | if ( ret && 'webkitPerspective' in docElement.style ) { |
| 608 | 63392ddf | Olga Brani | |
| 609 | 63392ddf | Olga Brani | // Webkit allows this media query to succeed only if the feature is enabled.
|
| 610 | 63392ddf | Olga Brani | // `@media (transform-3d),(-o-transform-3d),(-moz-transform-3d),(-ms-transform-3d),(-webkit-transform-3d),(modernizr){ ... }`
|
| 611 | 63392ddf | Olga Brani | ret = Modernizr['csstransforms3d'];
|
| 612 | 63392ddf | Olga Brani | } |
| 613 | 63392ddf | Olga Brani | return ret;
|
| 614 | 63392ddf | Olga Brani | }; |
| 615 | 63392ddf | Olga Brani | |
| 616 | 63392ddf | Olga Brani | |
| 617 | 63392ddf | Olga Brani | tests['csstransitions'] = function() { |
| 618 | 63392ddf | Olga Brani | return testPropsAll('transitionProperty'); |
| 619 | 63392ddf | Olga Brani | }; |
| 620 | 63392ddf | Olga Brani | |
| 621 | 63392ddf | Olga Brani | |
| 622 | 63392ddf | Olga Brani | /*>>fontface*/
|
| 623 | 63392ddf | Olga Brani | // @font-face detection routine by Diego Perini
|
| 624 | 63392ddf | Olga Brani | // http://javascript.nwbox.com/CSSSupport/
|
| 625 | 63392ddf | Olga Brani | tests['fontface'] = function() { |
| 626 | 63392ddf | Olga Brani | return Modernizr['fontface']; |
| 627 | 63392ddf | Olga Brani | }; |
| 628 | 63392ddf | Olga Brani | /*>>fontface*/
|
| 629 | 63392ddf | Olga Brani | |
| 630 | 63392ddf | Olga Brani | // CSS generated content detection
|
| 631 | 63392ddf | Olga Brani | tests['generatedcontent'] = function() { |
| 632 | 63392ddf | Olga Brani | return Modernizr['generatedcontent']; |
| 633 | 63392ddf | Olga Brani | }; |
| 634 | 63392ddf | Olga Brani | |
| 635 | 63392ddf | Olga Brani | |
| 636 | 63392ddf | Olga Brani | |
| 637 | 63392ddf | Olga Brani | // These tests evaluate support of the video/audio elements, as well as
|
| 638 | 63392ddf | Olga Brani | // testing what types of content they support.
|
| 639 | 63392ddf | Olga Brani | //
|
| 640 | 63392ddf | Olga Brani | // We're using the Boolean constructor here, so that we can extend the value
|
| 641 | 63392ddf | Olga Brani | // e.g. Modernizr.video // true
|
| 642 | 63392ddf | Olga Brani | // Modernizr.video.ogg // 'probably'
|
| 643 | 63392ddf | Olga Brani | //
|
| 644 | 63392ddf | Olga Brani | // Codec values from : http://github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845
|
| 645 | 63392ddf | Olga Brani | // thx to NielsLeenheer and zcorpan
|
| 646 | 63392ddf | Olga Brani | |
| 647 | 63392ddf | Olga Brani | // Note: in FF 3.5.1 and 3.5.0, "no" was a return value instead of empty string.
|
| 648 | 63392ddf | Olga Brani | // Modernizr does not normalize for that.
|
| 649 | 63392ddf | Olga Brani | |
| 650 | 63392ddf | Olga Brani | tests['video'] = function() { |
| 651 | 63392ddf | Olga Brani | var elem = document.createElement('video'), |
| 652 | 63392ddf | Olga Brani | bool = false;
|
| 653 | 63392ddf | Olga Brani | |
| 654 | 63392ddf | Olga Brani | // IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
|
| 655 | 63392ddf | Olga Brani | try {
|
| 656 | 63392ddf | Olga Brani | if ( bool = !!elem.canPlayType ) {
|
| 657 | 63392ddf | Olga Brani | bool = new Boolean(bool);
|
| 658 | 63392ddf | Olga Brani | bool.ogg = elem.canPlayType('video/ogg; codecs="theora"');
|
| 659 | 63392ddf | Olga Brani | |
| 660 | 63392ddf | Olga Brani | // Workaround required for IE9, which doesn't report video support without audio codec specified.
|
| 661 | 63392ddf | Olga Brani | // bug 599718 @ msft connect
|
| 662 | 63392ddf | Olga Brani | var h264 = 'video/mp4; codecs="avc1.42E01E'; |
| 663 | 63392ddf | Olga Brani | bool.h264 = elem.canPlayType(h264 + '"') || elem.canPlayType(h264 + ', mp4a.40.2"'); |
| 664 | 63392ddf | Olga Brani | |
| 665 | 63392ddf | Olga Brani | bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"');
|
| 666 | 63392ddf | Olga Brani | } |
| 667 | 63392ddf | Olga Brani | |
| 668 | 63392ddf | Olga Brani | } catch(e) { }
|
| 669 | 63392ddf | Olga Brani | |
| 670 | 63392ddf | Olga Brani | return bool;
|
| 671 | 63392ddf | Olga Brani | }; |
| 672 | 63392ddf | Olga Brani | |
| 673 | 63392ddf | Olga Brani | tests['audio'] = function() { |
| 674 | 63392ddf | Olga Brani | var elem = document.createElement('audio'), |
| 675 | 63392ddf | Olga Brani | bool = false;
|
| 676 | 63392ddf | Olga Brani | |
| 677 | 63392ddf | Olga Brani | try {
|
| 678 | 63392ddf | Olga Brani | if ( bool = !!elem.canPlayType ) {
|
| 679 | 63392ddf | Olga Brani | bool = new Boolean(bool);
|
| 680 | 63392ddf | Olga Brani | bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"');
|
| 681 | 63392ddf | Olga Brani | bool.mp3 = elem.canPlayType('audio/mpeg;');
|
| 682 | 63392ddf | Olga Brani | |
| 683 | 63392ddf | Olga Brani | // Mimetypes accepted:
|
| 684 | 63392ddf | Olga Brani | // https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
|
| 685 | 63392ddf | Olga Brani | // http://bit.ly/iphoneoscodecs
|
| 686 | 63392ddf | Olga Brani | bool.wav = elem.canPlayType('audio/wav; codecs="1"');
|
| 687 | 63392ddf | Olga Brani | bool.m4a = elem.canPlayType('audio/x-m4a;') || elem.canPlayType('audio/aac;'); |
| 688 | 63392ddf | Olga Brani | } |
| 689 | 63392ddf | Olga Brani | } catch(e) { }
|
| 690 | 63392ddf | Olga Brani | |
| 691 | 63392ddf | Olga Brani | return bool;
|
| 692 | 63392ddf | Olga Brani | }; |
| 693 | 63392ddf | Olga Brani | |
| 694 | 63392ddf | Olga Brani | |
| 695 | 63392ddf | Olga Brani | // Firefox has made these tests rather unfun.
|
| 696 | 63392ddf | Olga Brani | |
| 697 | 63392ddf | Olga Brani | // In FF4, if disabled, window.localStorage should === null.
|
| 698 | 63392ddf | Olga Brani | |
| 699 | 63392ddf | Olga Brani | // Normally, we could not test that directly and need to do a
|
| 700 | 63392ddf | Olga Brani | // `('localStorage' in window) && ` test first because otherwise Firefox will
|
| 701 | 63392ddf | Olga Brani | // throw http://bugzil.la/365772 if cookies are disabled
|
| 702 | 63392ddf | Olga Brani | |
| 703 | 63392ddf | Olga Brani | // However, in Firefox 4 betas, if dom.storage.enabled == false, just mentioning
|
| 704 | 63392ddf | Olga Brani | // the property will throw an exception. http://bugzil.la/599479
|
| 705 | 63392ddf | Olga Brani | // This looks to be fixed for FF4 Final.
|
| 706 | 63392ddf | Olga Brani | |
| 707 | 63392ddf | Olga Brani | // Because we are forced to try/catch this, we'll go aggressive.
|
| 708 | 63392ddf | Olga Brani | |
| 709 | 63392ddf | Olga Brani | // FWIW: IE8 Compat mode supports these features completely:
|
| 710 | 63392ddf | Olga Brani | // http://www.quirksmode.org/dom/html5.html
|
| 711 | 63392ddf | Olga Brani | // But IE8 doesn't support either with local files
|
| 712 | 63392ddf | Olga Brani | |
| 713 | 63392ddf | Olga Brani | tests['localstorage'] = function() { |
| 714 | 63392ddf | Olga Brani | try {
|
| 715 | 63392ddf | Olga Brani | return !!localStorage.getItem;
|
| 716 | 63392ddf | Olga Brani | } catch(e) {
|
| 717 | 63392ddf | Olga Brani | return false; |
| 718 | 63392ddf | Olga Brani | } |
| 719 | 63392ddf | Olga Brani | }; |
| 720 | 63392ddf | Olga Brani | |
| 721 | 63392ddf | Olga Brani | tests['sessionstorage'] = function() { |
| 722 | 63392ddf | Olga Brani | try {
|
| 723 | 63392ddf | Olga Brani | return !!sessionStorage.getItem;
|
| 724 | 63392ddf | Olga Brani | } catch(e){
|
| 725 | 63392ddf | Olga Brani | return false; |
| 726 | 63392ddf | Olga Brani | } |
| 727 | 63392ddf | Olga Brani | }; |
| 728 | 63392ddf | Olga Brani | |
| 729 | 63392ddf | Olga Brani | |
| 730 | 63392ddf | Olga Brani | tests['webworkers'] = function() { |
| 731 | 63392ddf | Olga Brani | return !!window.Worker;
|
| 732 | 63392ddf | Olga Brani | }; |
| 733 | 63392ddf | Olga Brani | |
| 734 | 63392ddf | Olga Brani | |
| 735 | 63392ddf | Olga Brani | tests['applicationcache'] = function() { |
| 736 | 63392ddf | Olga Brani | return !!window.applicationCache;
|
| 737 | 63392ddf | Olga Brani | }; |
| 738 | 63392ddf | Olga Brani | |
| 739 | 63392ddf | Olga Brani | |
| 740 | 63392ddf | Olga Brani | // Thanks to Erik Dahlstrom
|
| 741 | 63392ddf | Olga Brani | tests['svg'] = function() { |
| 742 | 63392ddf | Olga Brani | return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect; |
| 743 | 63392ddf | Olga Brani | }; |
| 744 | 63392ddf | Olga Brani | |
| 745 | 63392ddf | Olga Brani | // specifically for SVG inline in HTML, not within XHTML
|
| 746 | 63392ddf | Olga Brani | // test page: paulirish.com/demo/inline-svg
|
| 747 | 63392ddf | Olga Brani | tests['inlinesvg'] = function() { |
| 748 | 63392ddf | Olga Brani | var div = document.createElement('div'); |
| 749 | 63392ddf | Olga Brani | div.innerHTML = '<svg/>';
|
| 750 | 63392ddf | Olga Brani | return (div.firstChild && div.firstChild.namespaceURI) == ns.svg;
|
| 751 | 63392ddf | Olga Brani | }; |
| 752 | 63392ddf | Olga Brani | |
| 753 | 63392ddf | Olga Brani | // Thanks to F1lt3r and lucideer, ticket #35
|
| 754 | 63392ddf | Olga Brani | tests['smil'] = function() { |
| 755 | 63392ddf | Olga Brani | return !!document.createElementNS && /SVG/.test(toString.call(document.createElementNS(ns.svg, 'animate'))); |
| 756 | 63392ddf | Olga Brani | }; |
| 757 | 63392ddf | Olga Brani | |
| 758 | 63392ddf | Olga Brani | tests['svgclippaths'] = function() { |
| 759 | 63392ddf | Olga Brani | // Possibly returns a false positive in Safari 3.2?
|
| 760 | 63392ddf | Olga Brani | return !!document.createElementNS && /SVG/.test(toString.call(document.createElementNS(ns.svg, 'clipPath'))); |
| 761 | 63392ddf | Olga Brani | }; |
| 762 | 63392ddf | Olga Brani | |
| 763 | 63392ddf | Olga Brani | // input features and input types go directly onto the ret object, bypassing the tests loop.
|
| 764 | 63392ddf | Olga Brani | // Hold this guy to execute in a moment.
|
| 765 | 63392ddf | Olga Brani | function webforms() { |
| 766 | 63392ddf | Olga Brani | // Run through HTML5's new input attributes to see if the UA understands any.
|
| 767 | 63392ddf | Olga Brani | // We're using f which is the <input> element created early on
|
| 768 | 63392ddf | Olga Brani | // Mike Taylr has created a comprehensive resource for testing these attributes
|
| 769 | 63392ddf | Olga Brani | // when applied to all input types:
|
| 770 | 63392ddf | Olga Brani | // http://miketaylr.com/code/input-type-attr.html
|
| 771 | 63392ddf | Olga Brani | // spec: http://www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
|
| 772 | 63392ddf | Olga Brani | |
| 773 | 63392ddf | Olga Brani | // Only input placeholder is tested while textarea's placeholder is not.
|
| 774 | 63392ddf | Olga Brani | // Currently Safari 4 and Opera 11 have support only for the input placeholder
|
| 775 | 63392ddf | Olga Brani | // Both tests are available in feature-detects/forms-placeholder.js
|
| 776 | 63392ddf | Olga Brani | Modernizr['input'] = (function( props ) { |
| 777 | 63392ddf | Olga Brani | for ( var i = 0, len = props.length; i < len; i++ ) { |
| 778 | 63392ddf | Olga Brani | attrs[ props[i] ] = !!(props[i] in inputElem);
|
| 779 | 63392ddf | Olga Brani | } |
| 780 | 63392ddf | Olga Brani | return attrs;
|
| 781 | 63392ddf | Olga Brani | })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ')); |
| 782 | 63392ddf | Olga Brani | |
| 783 | 63392ddf | Olga Brani | // Run through HTML5's new input types to see if the UA understands any.
|
| 784 | 63392ddf | Olga Brani | // This is put behind the tests runloop because it doesn't return a
|
| 785 | 63392ddf | Olga Brani | // true/false like all the other tests; instead, it returns an object
|
| 786 | 63392ddf | Olga Brani | // containing each input type with its corresponding true/false value
|
| 787 | 63392ddf | Olga Brani | |
| 788 | 63392ddf | Olga Brani | // Big thanks to @miketaylr for the html5 forms expertise. http://miketaylr.com/
|
| 789 | 63392ddf | Olga Brani | Modernizr['inputtypes'] = (function(props) { |
| 790 | 63392ddf | Olga Brani | |
| 791 | 63392ddf | Olga Brani | for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) { |
| 792 | 63392ddf | Olga Brani | |
| 793 | 63392ddf | Olga Brani | inputElem.setAttribute('type', inputElemType = props[i]);
|
| 794 | 63392ddf | Olga Brani | bool = inputElem.type !== 'text';
|
| 795 | 63392ddf | Olga Brani | |
| 796 | 63392ddf | Olga Brani | // We first check to see if the type we give it sticks..
|
| 797 | 63392ddf | Olga Brani | // If the type does, we feed it a textual value, which shouldn't be valid.
|
| 798 | 63392ddf | Olga Brani | // If the value doesn't stick, we know there's input sanitization which infers a custom UI
|
| 799 | 63392ddf | Olga Brani | if ( bool ) {
|
| 800 | 63392ddf | Olga Brani | |
| 801 | 63392ddf | Olga Brani | inputElem.value = smile; |
| 802 | 63392ddf | Olga Brani | inputElem.style.cssText = 'position:absolute;visibility:hidden;';
|
| 803 | 63392ddf | Olga Brani | |
| 804 | 63392ddf | Olga Brani | if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) { |
| 805 | 63392ddf | Olga Brani | |
| 806 | 63392ddf | Olga Brani | docElement.appendChild(inputElem); |
| 807 | 63392ddf | Olga Brani | defaultView = document.defaultView; |
| 808 | 63392ddf | Olga Brani | |
| 809 | 63392ddf | Olga Brani | // Safari 2-4 allows the smiley as a value, despite making a slider
|
| 810 | 63392ddf | Olga Brani | bool = defaultView.getComputedStyle && |
| 811 | 63392ddf | Olga Brani | defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' && |
| 812 | 63392ddf | Olga Brani | // Mobile android web browser has false positive, so must
|
| 813 | 63392ddf | Olga Brani | // check the height to see if the widget is actually there.
|
| 814 | 63392ddf | Olga Brani | (inputElem.offsetHeight !== 0);
|
| 815 | 63392ddf | Olga Brani | |
| 816 | 63392ddf | Olga Brani | docElement.removeChild(inputElem); |
| 817 | 63392ddf | Olga Brani | |
| 818 | 63392ddf | Olga Brani | } else if ( /^(search|tel)$/.test(inputElemType) ){ |
| 819 | 63392ddf | Olga Brani | // Spec doesnt define any special parsing or detectable UI
|
| 820 | 63392ddf | Olga Brani | // behaviors so we pass these through as true
|
| 821 | 63392ddf | Olga Brani | |
| 822 | 63392ddf | Olga Brani | // Interestingly, opera fails the earlier test, so it doesn't
|
| 823 | 63392ddf | Olga Brani | // even make it here.
|
| 824 | 63392ddf | Olga Brani | |
| 825 | 63392ddf | Olga Brani | } else if ( /^(url|email)$/.test(inputElemType) ) { |
| 826 | 63392ddf | Olga Brani | // Real url and email support comes with prebaked validation.
|
| 827 | 63392ddf | Olga Brani | bool = inputElem.checkValidity && inputElem.checkValidity() === false;
|
| 828 | 63392ddf | Olga Brani | |
| 829 | 63392ddf | Olga Brani | } else if ( /^color$/.test(inputElemType) ) { |
| 830 | 63392ddf | Olga Brani | // chuck into DOM and force reflow for Opera bug in 11.00
|
| 831 | 63392ddf | Olga Brani | // github.com/Modernizr/Modernizr/issues#issue/159
|
| 832 | 63392ddf | Olga Brani | docElement.appendChild(inputElem); |
| 833 | 63392ddf | Olga Brani | docElement.offsetWidth; |
| 834 | 63392ddf | Olga Brani | bool = inputElem.value != smile; |
| 835 | 63392ddf | Olga Brani | docElement.removeChild(inputElem); |
| 836 | 63392ddf | Olga Brani | |
| 837 | 63392ddf | Olga Brani | } else {
|
| 838 | 63392ddf | Olga Brani | // If the upgraded input compontent rejects the :) text, we got a winner
|
| 839 | 63392ddf | Olga Brani | bool = inputElem.value != smile; |
| 840 | 63392ddf | Olga Brani | } |
| 841 | 63392ddf | Olga Brani | } |
| 842 | 63392ddf | Olga Brani | |
| 843 | 63392ddf | Olga Brani | inputs[ props[i] ] = !!bool; |
| 844 | 63392ddf | Olga Brani | } |
| 845 | 63392ddf | Olga Brani | return inputs;
|
| 846 | 63392ddf | Olga Brani | })('search tel url email datetime date month week time datetime-local number range color'.split(' ')); |
| 847 | 63392ddf | Olga Brani | } |
| 848 | 63392ddf | Olga Brani | |
| 849 | 63392ddf | Olga Brani | |
| 850 | 63392ddf | Olga Brani | // End of test definitions
|
| 851 | 63392ddf | Olga Brani | // -----------------------
|
| 852 | 63392ddf | Olga Brani | |
| 853 | 63392ddf | Olga Brani | |
| 854 | 63392ddf | Olga Brani | |
| 855 | 63392ddf | Olga Brani | // Run through all tests and detect their support in the current UA.
|
| 856 | 63392ddf | Olga Brani | // todo: hypothetically we could be doing an array of tests and use a basic loop here.
|
| 857 | 63392ddf | Olga Brani | for ( var feature in tests ) { |
| 858 | 63392ddf | Olga Brani | if ( hasOwnProperty(tests, feature) ) {
|
| 859 | 63392ddf | Olga Brani | // run the test, throw the return value into the Modernizr,
|
| 860 | 63392ddf | Olga Brani | // then based on that boolean, define an appropriate className
|
| 861 | 63392ddf | Olga Brani | // and push it into an array of classes we'll join later.
|
| 862 | 63392ddf | Olga Brani | featureName = feature.toLowerCase(); |
| 863 | 63392ddf | Olga Brani | Modernizr[featureName] = tests[feature](); |
| 864 | 63392ddf | Olga Brani | |
| 865 | 63392ddf | Olga Brani | classes.push((Modernizr[featureName] ? '' : 'no-') + featureName); |
| 866 | 63392ddf | Olga Brani | } |
| 867 | 63392ddf | Olga Brani | } |
| 868 | 63392ddf | Olga Brani | |
| 869 | 63392ddf | Olga Brani | // input tests need to run.
|
| 870 | 63392ddf | Olga Brani | Modernizr.input || webforms(); |
| 871 | 63392ddf | Olga Brani | |
| 872 | 63392ddf | Olga Brani | |
| 873 | 63392ddf | Olga Brani | /**
|
| 874 | 63392ddf | Olga Brani | * addTest allows the user to define their own feature tests
|
| 875 | 63392ddf | Olga Brani | * the result will be added onto the Modernizr object,
|
| 876 | 63392ddf | Olga Brani | * as well as an appropriate className set on the html element
|
| 877 | 63392ddf | Olga Brani | *
|
| 878 | 63392ddf | Olga Brani | * @param feature - String naming the feature
|
| 879 | 63392ddf | Olga Brani | * @param test - Function returning true if feature is supported, false if not
|
| 880 | 63392ddf | Olga Brani | */
|
| 881 | 63392ddf | Olga Brani | Modernizr.addTest = function ( feature, test ) { |
| 882 | 63392ddf | Olga Brani | if ( typeof feature == "object" ) { |
| 883 | 63392ddf | Olga Brani | for ( var key in feature ) { |
| 884 | 63392ddf | Olga Brani | if ( hasOwnProperty( feature, key ) ) {
|
| 885 | 63392ddf | Olga Brani | Modernizr.addTest( key, feature[ key ] ); |
| 886 | 63392ddf | Olga Brani | } |
| 887 | 63392ddf | Olga Brani | } |
| 888 | 63392ddf | Olga Brani | } else {
|
| 889 | 63392ddf | Olga Brani | |
| 890 | 63392ddf | Olga Brani | feature = feature.toLowerCase(); |
| 891 | 63392ddf | Olga Brani | |
| 892 | 63392ddf | Olga Brani | if ( Modernizr[feature] !== undefined ) { |
| 893 | 63392ddf | Olga Brani | // we're going to quit if you're trying to overwrite an existing test
|
| 894 | 63392ddf | Olga Brani | // if we were to allow it, we'd do this:
|
| 895 | 63392ddf | Olga Brani | // var re = new RegExp("\\b(no-)?" + feature + "\\b");
|
| 896 | 63392ddf | Olga Brani | // docElement.className = docElement.className.replace( re, '' );
|
| 897 | 63392ddf | Olga Brani | // but, no rly, stuff 'em.
|
| 898 | 63392ddf | Olga Brani | return;
|
| 899 | 63392ddf | Olga Brani | } |
| 900 | 63392ddf | Olga Brani | |
| 901 | 63392ddf | Olga Brani | test = typeof test == "boolean" ? test : !!test(); |
| 902 | 63392ddf | Olga Brani | |
| 903 | 63392ddf | Olga Brani | docElement.className += ' ' + (test ? '' : 'no-') + feature; |
| 904 | 63392ddf | Olga Brani | Modernizr[feature] = test; |
| 905 | 63392ddf | Olga Brani | |
| 906 | 63392ddf | Olga Brani | } |
| 907 | 63392ddf | Olga Brani | |
| 908 | 63392ddf | Olga Brani | return Modernizr; // allow chaining. |
| 909 | 63392ddf | Olga Brani | }; |
| 910 | 63392ddf | Olga Brani | |
| 911 | 63392ddf | Olga Brani | |
| 912 | 63392ddf | Olga Brani | // Reset modElem.cssText to nothing to reduce memory footprint.
|
| 913 | 63392ddf | Olga Brani | setCss('');
|
| 914 | 63392ddf | Olga Brani | modElem = inputElem = null;
|
| 915 | 63392ddf | Olga Brani | |
| 916 | 63392ddf | Olga Brani | //>>BEGIN IEPP
|
| 917 | 63392ddf | Olga Brani | // Enable HTML 5 elements for styling (and printing) in IE.
|
| 918 | 63392ddf | Olga Brani | if ( window.attachEvent && (function(){ var elem = document.createElement('div'); |
| 919 | 63392ddf | Olga Brani | elem.innerHTML = '<elem></elem>';
|
| 920 | 63392ddf | Olga Brani | return elem.childNodes.length !== 1; })() ) { |
| 921 | 63392ddf | Olga Brani | |
| 922 | 63392ddf | Olga Brani | // iepp v2 by @jon_neal & afarkas : github.com/aFarkas/iepp/
|
| 923 | 63392ddf | Olga Brani | (function(win, doc) {
|
| 924 | 63392ddf | Olga Brani | win.iepp = win.iepp || {};
|
| 925 | 63392ddf | Olga Brani | var iepp = win.iepp,
|
| 926 | 63392ddf | Olga Brani | elems = iepp.html5elements || 'abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video',
|
| 927 | 63392ddf | Olga Brani | elemsArr = elems.split('|'),
|
| 928 | 63392ddf | Olga Brani | elemsArrLen = elemsArr.length, |
| 929 | 63392ddf | Olga Brani | elemRegExp = new RegExp('(^|\\s)('+elems+')', 'gi'), |
| 930 | 63392ddf | Olga Brani | tagRegExp = new RegExp('<(\/*)('+elems+')', 'gi'), |
| 931 | 63392ddf | Olga Brani | filterReg = /^\s*[\{\}]\s*$/,
|
| 932 | 63392ddf | Olga Brani | ruleRegExp = new RegExp('(^|[^\\n]*?\\s)('+elems+')([^\\n]*)({[\\n\\w\\W]*?})', 'gi'), |
| 933 | 63392ddf | Olga Brani | docFrag = doc.createDocumentFragment(), |
| 934 | 63392ddf | Olga Brani | html = doc.documentElement, |
| 935 | 63392ddf | Olga Brani | head = html.firstChild, |
| 936 | 63392ddf | Olga Brani | bodyElem = doc.createElement('body'),
|
| 937 | 63392ddf | Olga Brani | styleElem = doc.createElement('style'),
|
| 938 | 63392ddf | Olga Brani | printMedias = /print|all/,
|
| 939 | 63392ddf | Olga Brani | body; |
| 940 | 63392ddf | Olga Brani | function shim(doc) { |
| 941 | 63392ddf | Olga Brani | var a = -1; |
| 942 | 63392ddf | Olga Brani | while (++a < elemsArrLen)
|
| 943 | 63392ddf | Olga Brani | // Use createElement so IE allows HTML5-named elements in a document
|
| 944 | 63392ddf | Olga Brani | doc.createElement(elemsArr[a]); |
| 945 | 63392ddf | Olga Brani | } |
| 946 | 63392ddf | Olga Brani | |
| 947 | 63392ddf | Olga Brani | iepp.getCSS = function(styleSheetList, mediaType) { |
| 948 | 63392ddf | Olga Brani | if(styleSheetList+'' === undefined){return '';} |
| 949 | 63392ddf | Olga Brani | var a = -1, |
| 950 | 63392ddf | Olga Brani | len = styleSheetList.length, |
| 951 | 63392ddf | Olga Brani | styleSheet, |
| 952 | 63392ddf | Olga Brani | cssTextArr = []; |
| 953 | 63392ddf | Olga Brani | while (++a < len) {
|
| 954 | 63392ddf | Olga Brani | styleSheet = styleSheetList[a]; |
| 955 | 63392ddf | Olga Brani | //currently no test for disabled/alternate stylesheets
|
| 956 | 63392ddf | Olga Brani | if(styleSheet.disabled){continue;} |
| 957 | 63392ddf | Olga Brani | mediaType = styleSheet.media || mediaType; |
| 958 | 63392ddf | Olga Brani | // Get css from all non-screen stylesheets and their imports
|
| 959 | 63392ddf | Olga Brani | if (printMedias.test(mediaType)) cssTextArr.push(iepp.getCSS(styleSheet.imports, mediaType), styleSheet.cssText);
|
| 960 | 63392ddf | Olga Brani | //reset mediaType to all with every new *not imported* stylesheet
|
| 961 | 63392ddf | Olga Brani | mediaType = 'all';
|
| 962 | 63392ddf | Olga Brani | } |
| 963 | 63392ddf | Olga Brani | return cssTextArr.join(''); |
| 964 | 63392ddf | Olga Brani | }; |
| 965 | 63392ddf | Olga Brani | |
| 966 | 63392ddf | Olga Brani | iepp.parseCSS = function(cssText) { |
| 967 | 63392ddf | Olga Brani | var cssTextArr = [],
|
| 968 | 63392ddf | Olga Brani | rule; |
| 969 | 63392ddf | Olga Brani | while ((rule = ruleRegExp.exec(cssText)) != null){ |
| 970 | 63392ddf | Olga Brani | // Replace all html5 element references with iepp substitute classnames
|
| 971 | 63392ddf | Olga Brani | cssTextArr.push(( (filterReg.exec(rule[1]) ? '\n' : rule[1]) +rule[2]+rule[3]).replace(elemRegExp, '$1.iepp_$2')+rule[4]); |
| 972 | 63392ddf | Olga Brani | } |
| 973 | 63392ddf | Olga Brani | return cssTextArr.join('\n'); |
| 974 | 63392ddf | Olga Brani | }; |
| 975 | 63392ddf | Olga Brani | |
| 976 | 63392ddf | Olga Brani | iepp.writeHTML = function() { |
| 977 | 63392ddf | Olga Brani | var a = -1; |
| 978 | 63392ddf | Olga Brani | body = body || doc.body; |
| 979 | 63392ddf | Olga Brani | while (++a < elemsArrLen) {
|
| 980 | 63392ddf | Olga Brani | var nodeList = doc.getElementsByTagName(elemsArr[a]),
|
| 981 | 63392ddf | Olga Brani | nodeListLen = nodeList.length, |
| 982 | 63392ddf | Olga Brani | b = -1;
|
| 983 | 63392ddf | Olga Brani | while (++b < nodeListLen)
|
| 984 | 63392ddf | Olga Brani | if (nodeList[b].className.indexOf('iepp_') < 0) |
| 985 | 63392ddf | Olga Brani | // Append iepp substitute classnames to all html5 elements
|
| 986 | 63392ddf | Olga Brani | nodeList[b].className += ' iepp_'+elemsArr[a];
|
| 987 | 63392ddf | Olga Brani | } |
| 988 | 63392ddf | Olga Brani | docFrag.appendChild(body); |
| 989 | 63392ddf | Olga Brani | html.appendChild(bodyElem); |
| 990 | 63392ddf | Olga Brani | // Write iepp substitute print-safe document
|
| 991 | 63392ddf | Olga Brani | bodyElem.className = body.className; |
| 992 | 63392ddf | Olga Brani | bodyElem.id = body.id; |
| 993 | 63392ddf | Olga Brani | // Replace HTML5 elements with <font> which is print-safe and shouldn't conflict since it isn't part of html5
|
| 994 | 63392ddf | Olga Brani | bodyElem.innerHTML = body.innerHTML.replace(tagRegExp, '<$1font');
|
| 995 | 63392ddf | Olga Brani | }; |
| 996 | 63392ddf | Olga Brani | |
| 997 | 63392ddf | Olga Brani | |
| 998 | 63392ddf | Olga Brani | iepp._beforePrint = function() { |
| 999 | 63392ddf | Olga Brani | // Write iepp custom print CSS
|
| 1000 | 63392ddf | Olga Brani | styleElem.styleSheet.cssText = iepp.parseCSS(iepp.getCSS(doc.styleSheets, 'all'));
|
| 1001 | 63392ddf | Olga Brani | iepp.writeHTML(); |
| 1002 | 63392ddf | Olga Brani | }; |
| 1003 | 63392ddf | Olga Brani | |
| 1004 | 63392ddf | Olga Brani | iepp.restoreHTML = function(){ |
| 1005 | 63392ddf | Olga Brani | // Undo everything done in onbeforeprint
|
| 1006 | 63392ddf | Olga Brani | bodyElem.innerHTML = '';
|
| 1007 | 63392ddf | Olga Brani | html.removeChild(bodyElem); |
| 1008 | 63392ddf | Olga Brani | html.appendChild(body); |
| 1009 | 63392ddf | Olga Brani | }; |
| 1010 | 63392ddf | Olga Brani | |
| 1011 | 63392ddf | Olga Brani | iepp._afterPrint = function(){ |
| 1012 | 63392ddf | Olga Brani | // Undo everything done in onbeforeprint
|
| 1013 | 63392ddf | Olga Brani | iepp.restoreHTML(); |
| 1014 | 63392ddf | Olga Brani | styleElem.styleSheet.cssText = '';
|
| 1015 | 63392ddf | Olga Brani | }; |
| 1016 | 63392ddf | Olga Brani | |
| 1017 | 63392ddf | Olga Brani | |
| 1018 | 63392ddf | Olga Brani | |
| 1019 | 63392ddf | Olga Brani | // Shim the document and iepp fragment
|
| 1020 | 63392ddf | Olga Brani | shim(doc); |
| 1021 | 63392ddf | Olga Brani | shim(docFrag); |
| 1022 | 63392ddf | Olga Brani | |
| 1023 | 63392ddf | Olga Brani | //
|
| 1024 | 63392ddf | Olga Brani | if(iepp.disablePP){return;} |
| 1025 | 63392ddf | Olga Brani | |
| 1026 | 63392ddf | Olga Brani | // Add iepp custom print style element
|
| 1027 | 63392ddf | Olga Brani | head.insertBefore(styleElem, head.firstChild); |
| 1028 | 63392ddf | Olga Brani | styleElem.media = 'print';
|
| 1029 | 63392ddf | Olga Brani | styleElem.className = 'iepp-printshim';
|
| 1030 | 63392ddf | Olga Brani | win.attachEvent( |
| 1031 | 63392ddf | Olga Brani | 'onbeforeprint',
|
| 1032 | 63392ddf | Olga Brani | iepp._beforePrint |
| 1033 | 63392ddf | Olga Brani | ); |
| 1034 | 63392ddf | Olga Brani | win.attachEvent( |
| 1035 | 63392ddf | Olga Brani | 'onafterprint',
|
| 1036 | 63392ddf | Olga Brani | iepp._afterPrint |
| 1037 | 63392ddf | Olga Brani | ); |
| 1038 | 63392ddf | Olga Brani | })(window, document); |
| 1039 | 63392ddf | Olga Brani | } |
| 1040 | 63392ddf | Olga Brani | //>>END IEPP
|
| 1041 | 63392ddf | Olga Brani | |
| 1042 | 63392ddf | Olga Brani | // Assign private properties to the return object with prefix
|
| 1043 | 63392ddf | Olga Brani | Modernizr._version = version; |
| 1044 | 63392ddf | Olga Brani | |
| 1045 | 63392ddf | Olga Brani | // expose these for the plugin API. Look in the source for how to join() them against your input
|
| 1046 | 63392ddf | Olga Brani | Modernizr._prefixes = prefixes; |
| 1047 | 63392ddf | Olga Brani | Modernizr._domPrefixes = domPrefixes; |
| 1048 | 63392ddf | Olga Brani | |
| 1049 | 63392ddf | Olga Brani | // Modernizr.mq tests a given media query, live against the current state of the window
|
| 1050 | 63392ddf | Olga Brani | // A few important notes:
|
| 1051 | 63392ddf | Olga Brani | // * If a browser does not support media queries at all (eg. oldIE) the mq() will always return false
|
| 1052 | 63392ddf | Olga Brani | // * A max-width or orientation query will be evaluated against the current state, which may change later.
|
| 1053 | 63392ddf | Olga Brani | // * You must specify values. Eg. If you are testing support for the min-width media query use:
|
| 1054 | 63392ddf | Olga Brani | // Modernizr.mq('(min-width:0)')
|
| 1055 | 63392ddf | Olga Brani | // usage:
|
| 1056 | 63392ddf | Olga Brani | // Modernizr.mq('only screen and (max-width:768)')
|
| 1057 | 63392ddf | Olga Brani | Modernizr.mq = testMediaQuery; |
| 1058 | 63392ddf | Olga Brani | |
| 1059 | 63392ddf | Olga Brani | // Modernizr.hasEvent() detects support for a given event, with an optional element to test on
|
| 1060 | 63392ddf | Olga Brani | // Modernizr.hasEvent('gesturestart', elem)
|
| 1061 | 63392ddf | Olga Brani | Modernizr.hasEvent = isEventSupported; |
| 1062 | 63392ddf | Olga Brani | |
| 1063 | 63392ddf | Olga Brani | // Modernizr.testProp() investigates whether a given style property is recognized
|
| 1064 | 63392ddf | Olga Brani | // Note that the property names must be provided in the camelCase variant.
|
| 1065 | 63392ddf | Olga Brani | // Modernizr.testProp('pointerEvents')
|
| 1066 | 63392ddf | Olga Brani | Modernizr.testProp = function(prop){ |
| 1067 | 63392ddf | Olga Brani | return testProps([prop]);
|
| 1068 | 63392ddf | Olga Brani | }; |
| 1069 | 63392ddf | Olga Brani | |
| 1070 | 63392ddf | Olga Brani | // Modernizr.testAllProps() investigates whether a given style property,
|
| 1071 | 63392ddf | Olga Brani | // or any of its vendor-prefixed variants, is recognized
|
| 1072 | 63392ddf | Olga Brani | // Note that the property names must be provided in the camelCase variant.
|
| 1073 | 63392ddf | Olga Brani | // Modernizr.testAllProps('boxSizing')
|
| 1074 | 63392ddf | Olga Brani | Modernizr.testAllProps = testPropsAll; |
| 1075 | 63392ddf | Olga Brani | |
| 1076 | 63392ddf | Olga Brani | |
| 1077 | 63392ddf | Olga Brani | |
| 1078 | 63392ddf | Olga Brani | // Modernizr.testStyles() allows you to add custom styles to the document and test an element afterwards
|
| 1079 | 63392ddf | Olga Brani | // Modernizr.testStyles('#modernizr { position:absolute }', function(elem, rule){ ... })
|
| 1080 | 63392ddf | Olga Brani | Modernizr.testStyles = injectElementWithStyles; |
| 1081 | 63392ddf | Olga Brani | |
| 1082 | 63392ddf | Olga Brani | |
| 1083 | 63392ddf | Olga Brani | // Modernizr.prefixed() returns the prefixed or nonprefixed property name variant of your input
|
| 1084 | 63392ddf | Olga Brani | // Modernizr.prefixed('boxSizing') // 'MozBoxSizing'
|
| 1085 | 63392ddf | Olga Brani | |
| 1086 | 63392ddf | Olga Brani | // Properties must be passed as dom-style camelcase, rather than `box-sizing` hypentated style.
|
| 1087 | 63392ddf | Olga Brani | // Return values will also be the camelCase variant, if you need to translate that to hypenated style use:
|
| 1088 | 63392ddf | Olga Brani | //
|
| 1089 | 63392ddf | Olga Brani | // str.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); }).replace(/^ms-/,'-ms-');
|
| 1090 | 63392ddf | Olga Brani | |
| 1091 | 63392ddf | Olga Brani | // If you're trying to ascertain which transition end event to bind to, you might do something like...
|
| 1092 | 63392ddf | Olga Brani | //
|
| 1093 | 63392ddf | Olga Brani | // var transEndEventNames = {
|
| 1094 | 63392ddf | Olga Brani | // 'WebkitTransition' : 'webkitTransitionEnd',
|
| 1095 | 63392ddf | Olga Brani | // 'MozTransition' : 'transitionend',
|
| 1096 | 63392ddf | Olga Brani | // 'OTransition' : 'oTransitionEnd',
|
| 1097 | 63392ddf | Olga Brani | // 'msTransition' : 'msTransitionEnd', // maybe?
|
| 1098 | 63392ddf | Olga Brani | // 'transition' : 'transitionEnd'
|
| 1099 | 63392ddf | Olga Brani | // },
|
| 1100 | 63392ddf | Olga Brani | // transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
|
| 1101 | 63392ddf | Olga Brani | |
| 1102 | 63392ddf | Olga Brani | Modernizr.prefixed = function(prop){ |
| 1103 | 63392ddf | Olga Brani | return testPropsAll(prop, 'pfx'); |
| 1104 | 63392ddf | Olga Brani | }; |
| 1105 | 63392ddf | Olga Brani | |
| 1106 | 63392ddf | Olga Brani | |
| 1107 | 63392ddf | Olga Brani | |
| 1108 | 63392ddf | Olga Brani | // Remove "no-js" class from <html> element, if it exists:
|
| 1109 | 63392ddf | Olga Brani | docElement.className = docElement.className.replace(/\bno-js\b/, '') |
| 1110 | 63392ddf | Olga Brani | |
| 1111 | 63392ddf | Olga Brani | // Add the new classes to the <html> element.
|
| 1112 | 63392ddf | Olga Brani | + (enableClasses ? ' js ' + classes.join(' ') : ''); |
| 1113 | 63392ddf | Olga Brani | |
| 1114 | 63392ddf | Olga Brani | return Modernizr;
|
| 1115 | 63392ddf | Olga Brani | |
| 1116 | 63392ddf | Olga Brani | })(this, this.document); |