<h1>Tizen Web UI</h1>
</div>
<div data-role="content">
- <p id="current_date"></p>
- <p id="html_font_size"></p>
-
<ul data-role="listview">
<li data-role="list-divider">Controls</li>
<li><a href="widgets/button/button.html">Button</a></li>
<li><a href="tips/two-line-text/two-line-text.html">2 line text</a></li>
<li><a href="tips/list-sample/list-sample.html">Example for using listview</a></li>
<li><a href="tips/page-transition/transition.html">Page transitions</a></li>
-
+ <li><a href="tips/localeinfo.html">Locale Information</a></li>
<!-- START_PROPRIETARY -->
--- /dev/null
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
+ <script src="../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
+ <script src="../configure.js"></script>
+ <script src="../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+ <script src="../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
+ data-framework-theme="tizen-white"
+ data-framework-viewport-width="device-width">
+ </script>
+ <script src="../main.js"></script>
+ <title>Locale Information</title>
+
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+ <link rel="apple-touch-icon" href="../icon-tizen.png" />
+</head>
+
+<body>
+ <div data-role="page" id="localepage" data-add-back-btn="true">
+ <div data-role="header" data-position="fixed">
+ <h1>Locale info.</h1>
+ </div>
+
+ <div data-role="content">
+ <p style="color: blue">Current Language:</p>
+ <p id="current_language"></p><br>
+ <p style="color: blue">Current Time:</p>
+ <p id="current_date"></p><br>
+ <p style="color: blue">Page FontSize:</p>
+ <p id="html_font_size"></p>
+ </div>
+
+ <div data-role="footer">
+ </div>
+ <script src="localeinfo.js"></script>
+ </div>
+</body>
+</html>
--- /dev/null
+$("#localepage").ready(function() {
+ // add current datetime with browser language format
+ // NOTE: Globalize.* functions must be run after docoument ready.
+ $('#current_language').html( Globalize.culture().name );
+ $('#current_date').html( Globalize.format( new Date(), "F" ) );
+ $('#html_font_size').html( 'html font size:' + $('html').css('font-size') );
+});