examples/locale/multi-lang.html

   1 <!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">-->
   2 <html>
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=utf8">
   5 <title>Multiple Languages</title>
   6 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   7 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
   8 <script type="text/javascript" src="../../ext-all.js"></script>
   9 <script type="text/javascript" src="languages.js"></script>
  10
  11 <!-- Common Styles for the examples -->
  12 <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  13 </head>
  14 <body class="x-gray">
  15 <script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
  16 <script type="text/javascript">
  17 var params = Ext.urlDecode(window.location.search.substring(1));
  18 if (params.lang) {
  19     var s = document.createElement("script");
  20     s.type = 'text/javascript';
  21     s.src = "../../source/locale/ext-lang-"+params.lang+".js";
  22     s.charset = params.charset;
  23     document.getElementsByTagName("head")[0].appendChild(s);
  24 }
  25 </script>
  26 <script type="text/javascript" src="../ux/PagingMemoryProxy.js"></script>
  27 <script type="text/javascript" src="multi-lang.js"></script>
  28
  29 <h1>Localization with Extjs</h1>
  30 <p>
  31 This demonstrates multiple language with some of the Ext components.<br/>
  32 Select a language from the combobox below (default is english) and try out the components in different languages.
  33 </p>
  34
  35 <p>The js is not minified so it is readable. See <a href="multi-lang.js">multi-lang.js</a>.</p>
  36
  37 <div>
  38   <div style="float:left;padding:3px 5px 0 0;">Language selector:&nbsp;</div>
  39   <div id="languages" style="float:left;"></div>
  40 </div>
  41 <br/><br/>
  42 <h2>Email Field</h2>
  43 <div id="emailfield"></div>
  44 <br/>
  45 <h2>Datepicker</h2>
  46 <br/>
  47 <div id="datefield"></div>
  48 <br/>
  49 <h2>Grid</h2>
  50 <br/>
  51 <div id="grid"></div>
  52 </body>
  53 </html>