/* * Copyright (c) 2007, Opera Software ASA * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * * Neither the name of Opera Software ASA nor the * names of its contributors may be used to endorse or promote products * derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY OPERA SOFTWARE ASA ``AS IS'' AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL OPERA SOFTWARE ASA BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ /** * Execute a media query to determine what the browser supports * *

This function will attempt to execute a * CSS3 Media Query * to determine if the browser supports the given media types or media features. * This is essentially the same as specifying a style sheet * rule using media queries, only in JavaScript instead.

* *

Example usage:

*
if (testMediaQuery("handheld")) { ... }
*

or

*
if (testMediaQuery("tv and (max-height: 400px)") { ... }
* * @author Benjamin Joffe, benjoffe@opera.com * @param str media query to execute * @returns true if the browser satisfies the given media query, * otherwise false */ function testMediaQuery(str) { var style = document.createElement('style'); var div = document.createElement('div'); var id = ''; do { id = ('x'+Math.random()).replace(/\./,''); } while ( document.getElementById(id) ); div.id = id; style.innerText = '@media ' + str + ' { #'+id+' { display:none !important; } }'; document.documentElement.appendChild(style); document.documentElement.appendChild(div); var ret = getComputedStyle(div,null).getPropertyValue('display') == 'none'; style.parentNode.removeChild(style); div.parentNode.removeChild(div); return ret; }