[OpenLayers-Commits] r11684 - sandbox/cmoullet/openlayers/examples

Wed Mar 9 03:51:07 EST 2011

Author: cmoullet
Date: 2011-03-09 00:51:06 -0800 (Wed, 09 Mar 2011)
New Revision: 11684

Added:
   sandbox/cmoullet/openlayers/examples/screen.html
Log:
Screen resolution

Added: sandbox/cmoullet/openlayers/examples/screen.html
===================================================================

--- sandbox/cmoullet/openlayers/examples/screen.html	                        (rev 0)
+++ sandbox/cmoullet/openlayers/examples/screen.html	2011-03-09 08:51:06 UTC (rev 11684)
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <title>OpenLayers Browser Detection</title>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css"/>
+    <link rel="stylesheet" href="style.css" type="text/css"/>
+    <style type="text/css">
+    </style>
+    <script type="text/javascript">
+        function init() {
+            var resultDiv = document.getElementById("result");
+            resultDiv.innerHTML = screen.width+' x '+screen.height + "pixels";
+
+        }
+    </script>
+</head>
+<body onload="init()">
+<h1 id="title">Screen resolution</h1>
+
+<div id="tags">
+    browser, mobile, screen
+</div>
+
+<p id="shortdesc">
+    The goal of this script is to determine the screen resolution of the used device.
+</p>
+
+<h1>Your screen resolution</h1>
+
+<div id="result">
+</div>
+
+
+</body>
+</html>

