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     <!-- Ext -->
   7     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   8     <script type="text/javascript" src="../../bootstrap.js"></script>
   9
  10     <script type="text/javascript" src="languages.js"></script>
  11     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  12     <script type="text/javascript" src="../shared/examples.js"></script>
  13     <script type="text/javascript" src="multi-lang.js"></script>
  14 </head>
  15 <body class="x-gray">
  16     <h1>Localization with Extjs</h1>
  17     <p>
  18     This demonstrates multiple language with some of the Ext components.<br/>
  19     Select a language from the combobox below (default is english) and try out the components in different languages.
  20     </p>
  21
  22     <p>The js is not minified so it is readable. See <a href="multi-lang.js">multi-lang.js</a>.</p>
  23
  24     <div>
  25       <div style="float:left;padding:3px 5px 0 0;">Language selector:&nbsp;</div>
  26       <div id="languages" style="float:left;"></div>
  27     </div>
  28     <br/><br/>
  29     <h2>Email Field</h2>
  30     <div id="emailfield"></div>
  31     <br/>
  32     <h2>Datepicker</h2>
  33     <div id="datefield"></div>
  34     <br/>
  35     <h2>Grid</h2>
  36     <div id="grid"></div>
  37 </body>
  38 </html>