Also apply the __toString fix to UserInfo
[cacert-mgr.git] / external / ZendFramework-1.9.5 / externals / dojo / demos / i18n / sprite.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
3 <html>
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <script type="text/javascript" src="../../dojo/dojo.js"
7 djConfig="isDebug: true, parseOnLoad: true"></script>
8 <style>
9 img {
10 padding: 0;
11 border: 1px solid black;
12 margin: 3px;
13 }
14 </style>
15 <script>
16 // codes of countries
17 var codes = [
18 "ad",
19 "ae",
20 "af",
21 "ag",
22 "ai",
23 "al",
24 "am",
25 "an",
26 "ao",
27 "ar",
28 "as",
29 "at",
30 "au",
31 "aw",
32 "ax",
33 "az",
34 "ba",
35 "bb",
36 "bd",
37 "be",
38 "bf",
39 "bg",
40 "bh",
41 "bi",
42 "bj",
43 "bm",
44 "bn",
45 "bo",
46 "br",
47 "bs",
48 "bt",
49 "bv",
50 "bw",
51 "by",
52 "bz",
53 "ca",
54 "catalonia",
55 "cc",
56 "cd",
57 "cf",
58 "cg",
59 "ch",
60 "ci",
61 "ck",
62 "cl",
63 "cm",
64 "cn",
65 "co",
66 "cr",
67 "cs",
68 "cu",
69 "cv",
70 "cx",
71 "cy",
72 "cz",
73 "de",
74 "dj",
75 "dk",
76 "dm",
77 "do",
78 "dz",
79 "ec",
80 "ee",
81 "eg",
82 "eh",
83 "england",
84 "er",
85 "es",
86 "et",
87 "europeanunion",
88 "fam",
89 "fi",
90 "fj",
91 "fk",
92 "fm",
93 "fo",
94 "fr",
95 "ga",
96 "gb",
97 "gd",
98 "ge",
99 "gf",
100 "gh",
101 "gi",
102 "gl",
103 "gm",
104 "gn",
105 "gp",
106 "gq",
107 "gr",
108 "gs",
109 "gt",
110 "gu",
111 "gw",
112 "gy",
113 "hk",
114 "hm",
115 "hn",
116 "hr",
117 "ht",
118 "hu",
119 "id",
120 "ie",
121 "il",
122 "in",
123 "io",
124 "iq",
125 "ir",
126 "is",
127 "it",
128 "jm",
129 "jo",
130 "jp",
131 "ke",
132 "kg",
133 "kh",
134 "ki",
135 "km",
136 "kn",
137 "kp",
138 "kr",
139 "kw",
140 "ky",
141 "kz",
142 "la",
143 "lb",
144 "lc",
145 "li",
146 "lk",
147 "lr",
148 "ls",
149 "lt",
150 "lu",
151 "lv",
152 "ly",
153 "ma",
154 "mc",
155 "md",
156 "me",
157 "mg",
158 "mh",
159 "mk",
160 "ml",
161 "mm",
162 "mn",
163 "mo",
164 "mp",
165 "mq",
166 "mr",
167 "ms",
168 "mt",
169 "mu",
170 "mv",
171 "mw",
172 "mx",
173 "my",
174 "mz",
175 "na",
176 "nc",
177 "ne",
178 "nf",
179 "ng",
180 "ni",
181 "nl",
182 "no",
183 "np",
184 "nr",
185 "nu",
186 "nz",
187 "om",
188 "pa",
189 "pe",
190 "pf",
191 "pg",
192 "ph",
193 "pk",
194 "pl",
195 "pm",
196 "pn",
197 "pr",
198 "ps",
199 "pt",
200 "pw",
201 "py",
202 "qa",
203 "re",
204 "ro",
205 "rs",
206 "ru",
207 "rw",
208 "sa",
209 "sb",
210 "sc",
211 "scotland",
212 "sd",
213 "se",
214 "sg",
215 "sh",
216 "si",
217 "sj",
218 "sk",
219 "sl",
220 "sm",
221 "sn",
222 "so",
223 "sr",
224 "st",
225 "sv",
226 "sy",
227 "sz",
228 "tc",
229 "td",
230 "tf",
231 "tg",
232 "th",
233 "tj",
234 "tk",
235 "tl",
236 "tm",
237 "tn",
238 "to",
239 "tr",
240 "tt",
241 "tv",
242 "tw",
243 "tz",
244 "ua",
245 "ug",
246 "um",
247 "us",
248 "uy",
249 "uz",
250 "va",
251 "vc",
252 "ve",
253 "vg",
254 "vi",
255 "vn",
256 "vu",
257 "wales",
258 "wf",
259 "ws",
260 "ye",
261 "yt",
262 "za",
263 "zm",
264 "zw"
265 ];
266
267 function generate(){
268 var sprite = dojo.byId("sprite"), css = dojo.byId("css");
269 var val = "";
270 dojo.forEach(codes, function(code, idx, total){
271 var img = document.createElement("img");
272 img.src = "png/"+ code + ".png";
273 sprite.appendChild(img);
274 var pos=dojo.coords(img), bb = dojo._getBorderBox(img);
275 val += [
276 ".country" + code.toUpperCase() + "Icon {",
277 " background-position: " + -1*pos.l + "px " + -1*pos.t + "px;",
278 "}"].join("\n") + "\n";
279 if(idx%20==19){ sprite.appendChild(document.createElement("br")); }
280 });
281 css.value = ".countryIcon {\n\tbackground-image: url('images/flags.png');\n\theight: 13px !important;\n\twidth: 18px !important;\n}\n\n" + val;
282 }
283 </script>
284 </head>
285 <body>
286 <h1>Flag Sprite/CSS Generator</h1>
287 <button onclick="generate();">generate</button>
288
289 <h1>Sprite</h1>
290 <div style="border: 1px solid black; padding: 10px;">
291 <div style="position:relative" id="sprite"></div>
292 </div>
293
294 <h1>CSS</h1>
295 <textarea id="css" cols=100 rows=20 autocomplete=off>push generate to fill in</textarea>
296
297 </body>
298 </html>