|
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
|
2 <html> |
|
3 <head> |
|
4 <script src="/chrome/jquery-1.4.2.min.js" type="text/javascript"></script> |
|
5 <script src="/chrome/ui.core.js" type="text/javascript"></script> |
|
6 <script src="/chrome/effects.core.js" type="text/javascript"></script> |
|
7 <script src="/chrome/effects.blind.js" type="text/javascript"></script> |
|
8 <script src="/chrome/dima.js" type="text/javascript"></script> |
|
9 |
|
10 <link rel="stylesheet" id="CSSLink" type="text/css" href="/settingsview/settingsview.css"/> |
|
11 |
|
12 <meta name = "viewport" content = "width = device-width, height = device-height, initial-scale = 1.0, user-scalable = no"> |
|
13 <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> |
|
14 |
|
15 <title>Settings</title> |
|
16 |
|
17 <script src="/settingsview/settingsview.js" type="text/javascript"></script> |
|
18 |
|
19 <script language="javascript"> |
|
20 // header arrow icons |
|
21 var header_closed_src = "/settingsview/list_headerarrow_closed.png"; |
|
22 var header_open_src = "/settingsview/list_headerarrow_open.png"; |
|
23 // menu section backgrounds |
|
24 var bg_closed_src = "/settingsview/list_headerbg_closed.png"; |
|
25 var bg_open_src = "/settingsview/list_headerbg_open.png"; |
|
26 // menu section item background |
|
27 var bg_item_src = "/settingsview/list_itembg.png"; |
|
28 var bg_item_pressed_src = "/settingsview/list_itembg_pressed.png"; |
|
29 |
|
30 $(document).ready(function() { |
|
31 |
|
32 //HIDE THE DIVS ON PAGE LOAD |
|
33 var settingsLoaded = window.pageController.getSettingsLoaded(); |
|
34 |
|
35 if(settingsLoaded == 0) { |
|
36 |
|
37 $("div.accordionContent").hide(); |
|
38 |
|
39 // set menu section items background |
|
40 $("div.accordionContentItem").css("background-image", bg_item_src); |
|
41 // set menu sections background |
|
42 $('div.accordionButtonGS').css("background-image", "url(" + bg_closed_src + ")"); |
|
43 $('div.accordionButtonCD').css("background-image", "url(" + bg_closed_src + ")"); |
|
44 $('div.accordionButtonABT').css("background-image", "url(" + bg_closed_src + ")"); |
|
45 |
|
46 // set header arrow image |
|
47 $("#im1").attr("src", header_closed_src); |
|
48 $("#im2").attr("src", header_closed_src); |
|
49 $("#im3").attr("src", header_closed_src); |
|
50 |
|
51 } else if(settingsLoaded == 1) { |
|
52 |
|
53 $('div.accordionButtonGS').next().show(); |
|
54 |
|
55 // set menu sections background |
|
56 $('div.accordionButtonGS').css("background-image", "url(" + bg_open_src + ")"); |
|
57 $('div.accordionButtonCD').css("background-image", "url(" + bg_closed_src + ")"); |
|
58 $('div.accordionButtonABT').css("background-image", "url(" + bg_closed_src + ")"); |
|
59 |
|
60 // set header arrow image |
|
61 $("#im1").attr("src", header_open_src); |
|
62 $("#im2").attr("src", header_closed_src); |
|
63 $("#im3").attr("src", header_closed_src); |
|
64 |
|
65 } else if(settingsLoaded == 2) { |
|
66 |
|
67 $('div.accordionButtonCD').next().show(); |
|
68 |
|
69 // set menu sections background |
|
70 $('div.accordionButtonGS').css("background-image", "url(" + bg_closed_src + ")"); |
|
71 $('div.accordionButtonCD').css("background-image", "url(" + bg_open_src + ")"); |
|
72 $('div.accordionButtonABT').css("background-image", "url(" + bg_closed_src + ")"); |
|
73 |
|
74 // set header arrow image |
|
75 $("#im1").attr("src", header_closed_src); |
|
76 $("#im2").attr("src", header_open_src); |
|
77 $("#im3").attr("src", header_closed_src); |
|
78 |
|
79 } else if(settingsLoaded == 3) { |
|
80 |
|
81 $('div.accordionButtonABT').next().show(); |
|
82 |
|
83 // set menu sections background |
|
84 $('div.accordionButtonGS').css("background-image", "url(" + bg_closed_src + ")"); |
|
85 $('div.accordionButtonCD').css("background-image", "url(" + bg_closed_src + ")"); |
|
86 $('div.accordionButtonABT').css("background-image", "url(" + bg_open_src + ")"); |
|
87 |
|
88 // set header arrow image |
|
89 $("#im1").attr("src", header_closed_src); |
|
90 $("#im1").attr("src", header_closed_src); |
|
91 $("#im1").attr("src", header_open_src); |
|
92 |
|
93 } |
|
94 |
|
95 //ACCORDION BUTTON ACTION |
|
96 $('div.accordionButtonGS').click(function() { |
|
97 //$('div.accordionContent').slideUp('normal'); |
|
98 //$(this).next().slideDown('normal'); |
|
99 |
|
100 alertf("11111111111"); |
|
101 |
|
102 $(this).next().toggle(); |
|
103 $('div.accordionButtonCD').next().hide(); |
|
104 $('div.accordionButtonABT').next().hide(); |
|
105 |
|
106 if( $("#im1").attr("src") == header_closed_src ) { // current state |
|
107 |
|
108 // set menu sections background |
|
109 $('div.accordionButtonGS').css("background-image", "url(" + bg_open_src + ")"); |
|
110 $('div.accordionButtonCD').css("background-image", "url(" + bg_closed_src + ")"); |
|
111 $('div.accordionButtonABT').css("background-image", "url(" + bg_closed_src + ")"); |
|
112 |
|
113 // change list headerarrow icon |
|
114 $("#im1").attr("src", header_open_src); |
|
115 $("#im2").attr("src", header_closed_src); |
|
116 $("#im3").attr("src", header_closed_src); |
|
117 |
|
118 } else if( $("#im1").attr("src") == header_open_src ) { |
|
119 |
|
120 // set menu sections background |
|
121 $('div.accordionButtonGS').css("background-image", "url(" + bg_closed_src + ")"); |
|
122 // change list headerarrow icon |
|
123 $("#im1").attr("src", header_closed_src); |
|
124 |
|
125 } |
|
126 }); |
|
127 |
|
128 $('div.accordionButtonCD').click(function() { |
|
129 |
|
130 $(this).next().toggle(); |
|
131 $('div.accordionButtonGS').next().hide(); |
|
132 $('div.accordionButtonABT').next().hide(); |
|
133 |
|
134 if( $("#im2").attr("src") == header_closed_src ) { // current state |
|
135 |
|
136 // set menu sections background |
|
137 $('div.accordionButtonGS').css("background-image", "url(" + bg_closed_src + ")"); |
|
138 $('div.accordionButtonCD').css("background-image", "url(" + bg_open_src + ")"); |
|
139 $('div.accordionButtonABT').css("background-image", "url(" + bg_closed_src + ")"); |
|
140 |
|
141 // change list headerarrow icon |
|
142 $("#im1").attr("src", header_closed_src); |
|
143 $("#im2").attr("src", header_open_src); |
|
144 $("#im3").attr("src", header_closed_src); |
|
145 |
|
146 } else if( $("#im2").attr("src") == header_open_src ) { |
|
147 |
|
148 // set menu sections background |
|
149 $('div.accordionButtonCD').css("background-image", "url(" + bg_closed_src + ")"); |
|
150 // change list headerarrow icon |
|
151 $("#im2").attr("src", header_closed_src); |
|
152 |
|
153 } |
|
154 |
|
155 }); |
|
156 |
|
157 $('div.accordionButtonABT').click(function() { |
|
158 |
|
159 $(this).next().toggle(); |
|
160 $('div.accordionButtonGS').next().hide(); |
|
161 $('div.accordionButtonCD').next().hide(); |
|
162 |
|
163 if( $("#im3").attr("src") == header_closed_src ) { // current state |
|
164 |
|
165 // set menu sections background |
|
166 $('div.accordionButtonGS').css("background-image", "url(" + bg_closed_src + ")"); |
|
167 $('div.accordionButtonCD').css("background-image", "url(" + bg_closed_src + ")"); |
|
168 $('div.accordionButtonABT').css("background-image", "url(" + bg_open_src + ")"); |
|
169 |
|
170 // change list headerarrow icon |
|
171 $("#im1").attr("src", header_closed_src); |
|
172 $("#im2").attr("src", header_closed_src); |
|
173 $("#im3").attr("src", header_open_src); |
|
174 |
|
175 } else if( $("#im3").attr("src") == header_open_src ) { |
|
176 |
|
177 // set menu sections background |
|
178 $('div.accordionButtonABT').css("background-image", "url(" + bg_closed_src + ")"); |
|
179 // change list headerarrow icon |
|
180 $("#im3").attr("src", header_closed_src); |
|
181 |
|
182 } |
|
183 |
|
184 }); |
|
185 |
|
186 }); |
|
187 </script> |
|
188 </head> |
|
189 |
|
190 <body> |
|
191 <!--MENU: start--> |
|
192 <div id="wrapper"> |
|
193 <!--SECTION: General Settings--> |
|
194 <div class="accordionButtonGS"> |
|
195 <span id="txt_browser_settings_general_settings"></span> |
|
196 <img id="im1" align="right" style="padding-right:40px;vertical-align:middle;"/> |
|
197 </div> |
|
198 <!--items--> |
|
199 <div class="accordionContent"> |
|
200 <!--ITEM: Character encoding--> |
|
201 <table width="100%" cellspacing="0"> |
|
202 <form name="encoding"> |
|
203 <tr class="accordionContentItem"> |
|
204 <td colspan=2 class="settingstext"> |
|
205 <span id="txt_browser_settings_general_settings_character_encoding"></span> |
|
206 <br/> |
|
207 <div align=right style="padding-right:10px;"> |
|
208 <select onChange="setValue(this.options[this.selectedIndex].value)" id="formbutton" name="formbutton"> |
|
209 <option value="Automatic">Automatic</option> |
|
210 <option value="Big5">Big5</option> |
|
211 <option value="Big5-HKSCS">Big5-HKSCS</option> |
|
212 <option value="CP949">CP949</option> |
|
213 <option value="EUC-JP">EUC-JP</option> |
|
214 <option value="EUC-KR">EUC-KR</option> |
|
215 <option value="GB18030-0">GB18030-0</option> |
|
216 <option value="IBM-850">IBM-850</option> |
|
217 <option value="IBM-866">IBM-866</option> |
|
218 <option value="IBM-874">IBM-874</option> |
|
219 <option value="ISO-2022-JP">ISO-2022-JP</option> |
|
220 <option value="ISO-8859-1">ISO-8859-1</option> |
|
221 <option value="ISO-8859-2">ISO-8859-2</option> |
|
222 <option value="ISO-8859-3">ISO-8859-3</option> |
|
223 <option value="ISO-8859-4">ISO-8859-4</option> |
|
224 <option value="ISO-8859-5">ISO-8859-5</option> |
|
225 <option value="ISO-8859-6">ISO-8859-6</option> |
|
226 <option value="ISO-8859-7">ISO-8859-7</option> |
|
227 <option value="ISO-8859-8">ISO-8859-8</option> |
|
228 <option value="ISO-8859-9">ISO-8859-9</option> |
|
229 <option value="ISO-8859-10">ISO-8859-10</option> |
|
230 <option value="ISO-8859-13">ISO-8859-13</option> |
|
231 <option value="ISO-8859-14">ISO-8859-14</option> |
|
232 <option value="ISO-8859-15">ISO-8859-15</option> |
|
233 <option value="ISO-8859-16">ISO-8859-16</option> |
|
234 <option value="KOI8-R">KOI8-R</option> |
|
235 <option value="KOI8-U">KOI8-U</option> |
|
236 <option value="MuleLao-1">MuleLao-1</option> |
|
237 <option value="ROMAN8">ROMAN8</option> |
|
238 <option value="Shift-JIS">Shift-JIS</option> |
|
239 <option value="TIS-620">TIS-620</option> |
|
240 <option value="TSCII">TSCII</option> |
|
241 <option value="UTF-8">UTF-8</option> |
|
242 <option value="UTF-16">UTF-16</option> |
|
243 <option value="UTF-16BE">UTF-16BE</option> |
|
244 <option value="UTF-16LE">UTF-16LE</option> |
|
245 <option value="UTF-32">UTF-32</option> |
|
246 <option value="UTF-32BE">UTF-32BE</option> |
|
247 <option value="UTF-32LE">UTF-32LE</option> |
|
248 <option value="Windows-1250">Windows-1250</option> |
|
249 <option value="Windows-1251">Windows-1251</option> |
|
250 <option value="Windows-1252">Windows-1252</option> |
|
251 <option value="Windows-1253">Windows-1253</option> |
|
252 <option value="Windows-1254">Windows-1254</option> |
|
253 <option value="Windows-1255">Windows-1255</option> |
|
254 <option value="Windows-1256">Windows-1256</option> |
|
255 <option value="Windows-1257">Windows-1257</option> |
|
256 <option value="Windows-1258">Windows-1258</option> |
|
257 </select> |
|
258 </div> |
|
259 </td> |
|
260 </tr> |
|
261 <!--ITEM: Save history--> |
|
262 <tr class="accordionContentItem"> |
|
263 <td class="settingstext"> |
|
264 <span id="txt_browser_settings_general_settings_save_browser_history"></span> |
|
265 </td> |
|
266 <td align=right> |
|
267 <input id="saverestore" onclick="saveSR( $('#saverestore').attr('src') ); return false;" type="image" style="vertical-align:middle;padding-top:5px;padding-bottom:5px;"/> |
|
268 </td> |
|
269 </tr> |
|
270 </form> |
|
271 </table> |
|
272 </div> |
|
273 |
|
274 <!--SECTION: Clear data--> |
|
275 <div class="accordionButtonCD"> |
|
276 <span id="txt_browser_settings_clear_data"></span> |
|
277 <img id="im2" align="right" style="padding-right:40px;vertical-align:middle;"/> |
|
278 </div> |
|
279 <!--items--> |
|
280 <div class="accordionContent"> |
|
281 <table width="100%" cellspacing="0"> |
|
282 <form name="deleteform"> |
|
283 <!--ITEM: Cache--> |
|
284 <tr class="accordionContentItem"> |
|
285 <td class="settingstext"> |
|
286 <span id="txt_browser_settings_clear_data_cache"></span> |
|
287 </td> |
|
288 <td style="text-align:right;white-space:nowrap;"> |
|
289 <img id="id1" onclick="clearSelected('cache')" type="image" STYLE="vertical-align:middle;"/> |
|
290 </td> |
|
291 </tr> |
|
292 <!--ITEM: Cookies--> |
|
293 <tr class="accordionContentItem"> |
|
294 <td class="settingstext"> |
|
295 <span id="txt_browser_settings_clear_data_cookies"></span> |
|
296 </td> |
|
297 <td style="text-align:right;white-space:nowrap;"> |
|
298 <img id="id2" onclick="clearSelected('cookies')" type="image" STYLE="vertical-align:middle;"/> |
|
299 </td> |
|
300 </tr> |
|
301 <!--ITEM: History--> |
|
302 <tr class="accordionContentItem"> |
|
303 <td class="settingstext"> |
|
304 <span id="txt_browser_settings_clear_data_history"></span> |
|
305 </td> |
|
306 <td style="text-align:right;white-space:nowrap;"> |
|
307 <img id="id3" onclick="clearSelected('history')" type="image" STYLE="vertical-align: middle;"/> |
|
308 </td> |
|
309 </tr> |
|
310 <!--ITEM: Bookmarks--> |
|
311 <tr class="accordionContentItem"> |
|
312 <td class="settingstext"> |
|
313 <span id="txt_browser_settings_clear_data_bookmarks"></span> |
|
314 </td> |
|
315 <td style="text-align:right;white-space:nowrap;"> |
|
316 <img id="id4" onclick="clearSelected('bookmarks')" type="image" STYLE="vertical-align: middle;"/> |
|
317 </td> |
|
318 </tr> |
|
319 <!--ITEM: Clear all--> |
|
320 <tr class="accordionContentItem"> |
|
321 <td class="settingstext"> |
|
322 <span id="txt_browser_settings_clear_data_all"></span> |
|
323 </td> |
|
324 <td style="text-align:right;white-space:nowrap;"> |
|
325 <img id="id6" onclick="clearSelected('all')" type="image" STYLE="vertical-align: middle;"/> |
|
326 </td> |
|
327 </tr> |
|
328 </form> |
|
329 </table> |
|
330 </div> |
|
331 |
|
332 <!--SECTION: About Browser--> |
|
333 <div class="accordionButtonABT"> |
|
334 <span id="txt_browser_settings_general_settings_about"></span> |
|
335 <img id="im3" align="right" style="padding-right:40px;vertical-align:middle;"/> |
|
336 </div> |
|
337 <!--items--> |
|
338 <div class="accordionContentAboutItem"> |
|
339 <!--Nokia Browser About--> |
|
340 <table width="100%" cellspacing="0"> |
|
341 <form name="aboutform"> |
|
342 <tr> |
|
343 <td class="settingstext" style="padding-left:28px;">Nokia Browser</td> |
|
344 </tr> |
|
345 <tr> |
|
346 <td class="settingstext"> |
|
347 <div id="release_version"> |
|
348 <script type="text/javascript"> |
|
349 var UAString = navigator.userAgent; |
|
350 var brNameVer = "unknown"; |
|
351 var UALen = 1; |
|
352 var nameStart = 1; |
|
353 UALen = UAString.length; |
|
354 nameStart = UAString.indexOf("NokiaBrowser"); |
|
355 // test to see if "NokiaBrowser" is in the UA String at all |
|
356 if (nameStart < 0) { |
|
357 brNameVer = "NOT a NokiaBrowser Browser"; |
|
358 } else { |
|
359 // crop string starting at "NokiaBrowser" |
|
360 brNameVer = UAString.substring(nameStart, UALen); |
|
361 // limit substring to "NokiaBrowser" and version only |
|
362 brNameVer = brNameVer.substr(0, brNameVer.indexOf(" ")); |
|
363 // clean up string for presentation |
|
364 brNameVer = brNameVer.replace("NokiaBrowser/", " Version: "); |
|
365 } |
|
366 document.write(brNameVer); |
|
367 document.write("<br/>"); |
|
368 </script> |
|
369 </div> |
|
370 </td> |
|
371 </tr> |
|
372 <tr> |
|
373 <td class="contenttext"> |
|
374 <iframe src="LegalNotice.html" frameborder="0" scrolling="auto" height=290px></iframe> |
|
375 </td> |
|
376 </tr> |
|
377 </form> |
|
378 </table> |
|
379 </div> |
|
380 </div> |
|
381 <!--MENU: end--> |
|
382 |
|
383 <!--BOTTOM PAD: start--> |
|
384 <div id="BottomPad"></div> |
|
385 <!--BOTTOM PAD: end--> |
|
386 </body> |
|
387 </html> |