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" src="../ux/PagingMemoryProxy.js"></script>
  17 <script type="text/javascript" src="multi-lang.js"></script>
  18
  19 <h1>Localization with Extjs</h1>
  20 <p>
  21 This demonstrates multiple language with some of the Ext components.<br/>
  22 Select a language from the combobox below (default is english) and try out the components in different languages.
  23 </p>
  24
  25 <p>The js is not minified so it is readable. See <a href="multi-lang.js">multi-lang.js</a>.</p>
  26
  27 <div>
  28   <div style="float:left;padding:3px 5px 0 0;">Language selector:&nbsp;</div>
  29   <div id="languages" style="float:left;"></div>
  30 </div>
  31 <br/><br/>
  32 <h2>Email Field</h2>
  33 <div id="emailfield"></div>
  34 <br/>
  35 <h2>Datepicker</h2>
  36 <br/>
  37 <div id="datefield"></div>
  38 <br/>
  39 <h2>Grid</h2>
  40 <br/>
  41 <div id="grid"></div>
  42 </body>
  43 </html>