Upgrade to ExtJS 3.0.3 - Released 10/11/2009
[extjs.git] / 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 = "../../src/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>