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