provide installation instructions
[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
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>