--- a/ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html Thu Sep 23 15:32:11 2010 -0400
+++ b/ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html Fri Oct 15 17:30:59 2010 -0400
@@ -1,372 +1,111 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
<head>
-
- <script src="../../js/3rdparty/jquery-1.4.2.min.js" type="text/javascript"></script>
- <script src="../../js/3rdparty/jquery-ui/ui.core.js" type="text/javascript"></script>
- <script src="../../js/3rdparty/jquery-ui/effects.core.js" type="text/javascript"></script>
- <script src="../../js/3rdparty/jquery-ui/effects.blind.js" type="text/javascript"></script>
- <script src="../../js/3rdparty/jquery-ui/dima.js" type="text/javascript"></script>
- <link rel="stylesheet" id="CSSLink" type="text/css" href="settingsview.css"/>
- <meta name = "viewport" content = "width = device-width, height = device-height, initial-scale = 1.0, user-scalable = no">
-
-
- <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
- <title>Settings</title>
- <script src="settingsview.js" type="text/javascript"></script>
-
-
- <script language="JavaScript">
-
- </script>
-
- <script>
-
-
-
-
-
- $(document).ready(function() {
-
- //HIDE THE DIVS ON PAGE LOAD
- var settingsLoaded = window.pageController.getSettingsLoaded();
- var image1;
- var image2;
- var image3;
- var imagesrc1;
- var imagesrc2;
- var imagesrc3;
-
- if(settingsLoaded == 0)
- {
- $("div.accordionContent").hide();
- image1 = document.getElementById("im1");
- image1.setAttribute("src", "icons/list_headerarrow_closed.png")
- imagesrc1 = "icons/list_headerarrow_closed.png";
-
- image2 = document.getElementById("im2");
- image2.setAttribute("src", "icons/list_headerarrow_closed.png");
- imagesrc2 = "icons/list_headerarrow_closed.png";
-
- image3 = document.getElementById("im3");
- image3.setAttribute("src", "icons/list_headerarrow_closed.png");
- imagesrc3 = "icons/list_headerarrow_closed.png";
-
- }
- else if(settingsLoaded == 1){
- $('div.accordionButtonGS').next().show();
-
- image1 = document.getElementById("im1");
- image1.setAttribute("src", "icons/list_headerarrow_open.png")
- imagesrc1 = "icons/list_headerarrow_open.png";
-
- image2 = document.getElementById("im2");
- image2.setAttribute("src", "icons/list_headerarrow_closed.png");
- imagesrc2 = "icons/list_headerarrow_closed.png";
-
- image3 = document.getElementById("im3");
- image3.setAttribute("src", "icons/list_headerarrow_closed.png");
- imagesrc3 = "icons/list_headerarrow_closed.png";
- }
- else if(settingsLoaded == 2)
- {
- $('div.accordionButtonCD').next().show();
-
- image1 = document.getElementById("im1");
- image1.setAttribute("src", "icons/list_headerarrow_closed.png");
- imagesrc1 = "icons/list_headerarrow_closed.png";
-
- image2 = document.getElementById("im2");
- image2.setAttribute("src", "icons/list_headerarrow_open.png");
- imagesrc2 = "icons/list_headerarrow_open.png";
-
- image3 = document.getElementById("im3");
- image3.setAttribute("src", "icons/list_headerarrow_closed.png");
- imagesrc3 = "icons/list_headerarrow_closed.png";
-
- }
- else if(settingsLoaded == 3)
- {
- $('div.accordionButtonABT').next().show();
-
- image1 = document.getElementById("im1");
- image1.setAttribute("src", "icons/list_headerarrow_closed.png");
- imagesrc1 = "icons/list_headerarrow_closed.png";
-
- image2 = document.getElementById("im2");
- image2.setAttribute("src", "icons/list_headerarrow_closed.png");
- imagesrc2 = "icons/list_headerarrow_closed.png";
-
- image3 = document.getElementById("im3");
- image3.setAttribute("src", "icons/list_headerarrow_open.png");
- imagesrc3 = "icons/list_headerarrow_open.png";
- }
-
- //ACCORDION BUTTON ACTION
- $('div.accordionButtonGS').click(function() {
- //$('div.accordionContent').slideUp('normal');
- //$(this).next().slideDown('normal');
-
- $(this).next().toggle();
- $('div.accordionButtonCD').next().hide();
- $('div.accordionButtonABT').next().hide();
-
- image1 = document.getElementById("im1");
- image2 = document.getElementById("im2");
- image3 = document.getElementById("im3");
-
- if(imagesrc1 == "icons/list_headerarrow_closed.png") // current state
- {
- imagesrc1 = "icons/list_headerarrow_open.png";
- imagesrc2 = "icons/list_headerarrow_closed.png";
- imagesrc3 = "icons/list_headerarrow_closed.png";
- }
- else // imagesrc1 == "icons/list_headerarrow_open.png"
- {
- imagesrc1 = "icons/list_headerarrow_closed.png";
- }
- image1.setAttribute("src", imagesrc1);
- image2.setAttribute("src", imagesrc2);
- image3.setAttribute("src", imagesrc3);
-
- });
-
- $('div.accordionButtonCD').click(function() {
-
- $(this).next().toggle();
- $('div.accordionButtonGS').next().hide();
- $('div.accordionButtonABT').next().hide();
-
- image1 = document.getElementById("im1");
- image2 = document.getElementById("im2");
- image3 = document.getElementById("im3");
-
- if(imagesrc2 == "icons/list_headerarrow_closed.png") // current state
- {
- imagesrc2 = "icons/list_headerarrow_open.png";
- imagesrc1 = "icons/list_headerarrow_closed.png";
- imagesrc3 = "icons/list_headerarrow_closed.png";
-
- }
- else // imagesrc2 == "icons/list_headerarrow_open.png"
- {
- imagesrc2 = "icons/list_headerarrow_closed.png";
- }
- image1.setAttribute("src", imagesrc1);
- image2.setAttribute("src", imagesrc2);
- image3.setAttribute("src", imagesrc3);
-
- });
-
- $('div.accordionButtonABT').click(function() {
-
- $(this).next().toggle();
- $('div.accordionButtonGS').next().hide();
- $('div.accordionButtonCD').next().hide();
-
- image1 = document.getElementById("im1");
- image2 = document.getElementById("im2");
- image3 = document.getElementById("im3");
-
- if(imagesrc3 == "icons/list_headerarrow_closed.png") // current state
- {
- imagesrc3 = "icons/list_headerarrow_open.png";
- imagesrc1 = "icons/list_headerarrow_closed.png";
- imagesrc2 = "icons/list_headerarrow_closed.png";
- }
- else // imagesrc3 == "icons/list_headerarrow_open.png"
- {
- imagesrc3 = "icons/list_headerarrow_closed.png";
- }
- image1.setAttribute("src", imagesrc1);
- image2.setAttribute("src", imagesrc2);
- image3.setAttribute("src", imagesrc3);
-
- });
-
-
-
-
-});
-
- </script>
-
+ <meta name="generator" content=
+ "HTML Tidy for Windows (vers 25 March 2009), see www.w3.org" />
+ <script src="/chrome/jquery-1.4.2.min.js" type="text/javascript"></script>
+ <script src="/chrome/ui.core.js" type="text/javascript"></script>
+ <script src="/chrome/effects.core.js" type="text/javascript"></script>
+ <script src="/chrome/effects.blind.js" type="text/javascript"></script>
+ <script src="/chrome/dima.js" type="text/javascript"></script>
+ <link rel="stylesheet" id="CSSLink" type="text/css" href="/settingsview/settingsview.css" />
+ <meta name="viewport" content="width = device-width, height = device-height, initial-scale = 1.0, user-scalable = no" />
+ <meta content="text/html; charset=us-ascii" http-equiv="content-type" />
+ <title>
+ Settings
+ </title>
+ <script src="/settingsview/settingsview.js" type="text/javascript">
+</script>
</head>
-
-
<body>
-
-<div id="wrapper">
-
- <div class="accordionButtonGS"> <span id="txt_browser_settings_general_settings"></span> <img id="im1" align="right" style="padding-right: 20px; vertical-align: middle; " ></div>
-
- <div class="accordionContent"><br />
-
- <form name="encoding" ><span id="txt_browser_settings_general_settings_character_encoding"></span> <br>
-
- <table width="100%" cellspacing="0">
- <tr>
- <td style="text-align: center;">
- <select onChange="setValue(this.selectedIndex)" name="formbutton">
- <option value="Automatic">Automatic
- <option value="Big5">Big5
- <option value="Big5-HKSCS">Big5-HKSCS
- <option value="CP949">CP949
- <option value="EUC-JP">EUC-JP
- <option value="EUC-KR">EUC-KR
- <option value="GB18030-0">GB18030-0
- <option value="IBM-850">IBM-850
- <option value="IBM-866">IBM-866
- <option value="IBM-874">IBM-874
- <option value="ISO-2022-JP">ISO-2022-JP
- <option value="ISO-8859-1">ISO-8859-1
- <option value="ISO-8859-2">ISO-8859-2
- <option value="ISO-8859-3">ISO-8859-3
- <option value="ISO-8859-4">ISO-8859-4
- <option value="ISO-8859-5">ISO-8859-5
- <option value="ISO-8859-6">ISO-8859-6
- <option value="ISO-8859-7">ISO-8859-7
- <option value="ISO-8859-8">ISO-8859-8
- <option value="ISO-8859-9">ISO-8859-9
- <option value="ISO-8859-10">ISO-8859-10
- <option value="ISO-8859-13">ISO-8859-13
- <option value="ISO-8859-14">ISO-8859-14
- <option value="ISO-8859-15">ISO-8859-15
- <option value="ISO-8859-16">ISO-8859-16
- <option value="KOI8-R">KOI8-R
- <option value="KOI8-U">KOI8-U
- <option value="MuleLao-1">MuleLao-1
- <option value="ROMAN8">ROMAN8
- <option value="Shift-JIS">Shift-JIS
- <option value="TIS-620">TIS-620
- <option value="TSCII">TSCII
- <option value="UTF-8">UTF-8
- <option value="UTF-16">UTF-16
- <option value="UTF-16BE">UTF-16BE
- <option value="UTF-16LE">UTF-16LE
- <option value="UTF-32">UTF-32
- <option value="UTF-32BE">UTF-32BE
- <option value="UTF-32LE">UTF-32LE
- <option value="Windows-1250">Windows-1250
- <option value="Windows-1251">Windows-1251
- <option value="Windows-1252">Windows-1252
- <option value="Windows-1253">Windows-1253
- <option value="Windows-1254">Windows-1254
- <option value="Windows-1255">Windows-1255
- <option value="Windows-1256">Windows-1256
- <option value="Windows-1257">Windows-1257
- <option value="Windows-1258">Windows-1258
- </select>
- </td>
- </tr>
- </table>
-
-
-
- </form>
-
-
- <table width="100%" cellspacing="0">
- <tr>
- <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_general_settings_save_browser_history"></span></td>
- <td style="border-top: solid 1px #E0E0E0;"><input id="saverestore1" onclick="saveSR('yes')" type="image" STYLE="vertical-align: middle; padding:5px" >
- <input id="saverestore2" onclick="saveSR('no')" type="image" STYLE="vertical-align: middle; padding:5px" ></td>
- </tr>
-
- <!--
- <tr>
- <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Save Form/Passwords</td>
- <td style="border-top: solid 1px #E0E0E0;"><input id="formpwd1" onclick="saveFP('yes')" type="image" STYLE="vertical-align: middle; padding:5px" >
- <input id="formpwd2" onclick="saveFP('no')" type="image" STYLE="vertical-align: middle; padding:5px" ></td>
- </tr> -->
-
- </table>
-
-
+ <!--MENU: start-->
+ <!--SECTION: General Settings-->
+ <div class="accordionButtonGS">
+ <span id="txt_browser_settings_general_settings"></span>
+ <img id="im1"alt="" />
+ </div>
+ <!--items-->
+ <div class="accordionContent">
+ <!--ITEM: Character encoding-->
+ <div>
+ <div class="accordionContentCharacterEncodingItem">
+ <div class="settingstext" id="selected_encoding_option">
+ <span class="encoding_state" id="txt_browser_settings_general_settings_character_encoding">
+ </span><br />
+ <span class="encoding_state" id="character_encoding_value"></span><br />
+ </div>
+ </div>
+ <div class="accordionContentCharacterEncodingItem">
+ <div class="encoding_options">
+ </div>
+ </div><!--ITEM: Save history-->
+ <div class="accordionContentCharacterEncodingItem" id="saverestore_container">
+ <div class="settingstext">
+ <span id="txt_browser_settings_general_settings_save_browser_history">
+ </span>
+ </div><input id="saverestore" type="image" />
+ </div>
</div>
-
-
- <div class="accordionButtonCD"> <span id="txt_browser_settings_clear_data"></span> <img id="im2" align="right" style="padding-right: 20px; vertical-align: middle; "></div>
- <div class="accordionContent"><br />
- <form name="deleteform">
-
- <table width="100%" cellspacing="0">
-
-
- <tr>
- <td class="settingstext"><span id="txt_browser_settings_clear_data_cache"></span> </td>
- <td style="text-align: right; white-space: nowrap;"><img id="id1" onclick="clearSelected('cache')" type="image" STYLE="vertical-align: middle;"></td>
- </tr>
- <tr>
- <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_cookies"></span> </td>
- <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id2" onclick="clearSelected('cookies')" type="image" STYLE="vertical-align: middle;" ></td>
- </tr>
- <tr>
- <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_history"></span> </td>
- <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id3" onclick="clearSelected('history')" type="image" STYLE="vertical-align: middle;" ></td>
- </tr>
- <tr>
- <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_bookmarks"></span> </td>
- <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id4" onclick="clearSelected('bookmarks')" type="image" STYLE="vertical-align: middle;" ></td>
- </tr>
-
- <tr>
- <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_all"></span> </td>
- <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id6" onclick="clearSelected('all')" type="image" STYLE="vertical-align: middle;" ></td>
- </tr>
- </table>
-
- </form>
+ </div>
+ <!--SECTION: Clear data-->
+ <div class="accordionButtonCD">
+ <span id="txt_browser_settings_clear_data"></span>
+ <img id="im2" alt="" />
+ </div>
+ <!--items-->
+ <div class="accordionContent" id="cleardata">
+ <!--ITEM: Cache-->
+ <div class="accordionContentItemCD">
+ <div class="settingstext">
+ <span id="txt_browser_settings_clear_data_cache"></span>
+ </div>
+ <img id="id1" alt=""/>
+ </div><!--ITEM: Cookies-->
+ <div class="accordionContentItemCD">
+ <div class="settingstext">
+ <span id="txt_browser_settings_clear_data_cookies"></span>
+ </div>
+ <img id="id2" alt=""/>
+ </div><!--ITEM: History-->
+ <div class="accordionContentItemCD">
+ <div class="settingstext">
+ <span id="txt_browser_settings_clear_data_history"></span>
+ </div>
+ <img id="id3" alt=""/>
+ </div><!--ITEM: Bookmarks-->
+ <div class="accordionContentItemCD">
+ <div class="settingstext">
+ <span id="txt_browser_settings_clear_data_bookmarks"></span>
+ </div>
+ <img id="id4" alt=""/>
+ </div><!--ITEM: Location Permissions-->
+ <div class="accordionContentItemCD">
+ <div class="settingstext">
+ <span id="txt_browser_settings_clear_data_location"></span>
+ </div>
+ <img id="id5" alt=""/>
+ </div><!--ITEM: Clear all-->
+ <div class="accordionContentItemCD">
+ <div class="settingstext">
+ <span id="txt_browser_settings_clear_data_all"></span>
+ </div>
+ <img id="id6" alt=""/>
</div>
-
- <div class="accordionButtonABT"> <span id="txt_browser_settings_general_settings_about"></span> <img id="im3" align="right" style="padding-right: 20px; vertical-align: middle; "></div>
- <div class="accordionContent"><br />
- <form name="aboutform">
-
- <table width="100%" cellspacing="0">
- <tr>
- <td class="settingstext">Nokia Browser </td>
- </tr>
- <tr>
- <td class="settingstext" style="border-top: solid 1px #E0E0E0;">
- <div id="release_version">
- <script type="text/javascript">
- var UAString = navigator.userAgent;
- var brNameVer = "unknown";
- var UALen = 1;
- var nameStart = 1;
- UALen = UAString.length;
- nameStart = UAString.indexOf("NokiaBrowser");
- // test to see if "NokiaBrowser" is in the UA String at all
- if (nameStart < 0)
- brNameVer = "NOT a NokiaBrowser Browser";
- else
- {
- // crop string starting at "NokiaBrowser"
- brNameVer = UAString.substring(nameStart, UALen);
- // limit substring to "NokiaBrowser" and version only
- brNameVer = brNameVer.substr(0, brNameVer.indexOf(" "));
- // clean up string for presentation
- brNameVer = brNameVer.replace("NokiaBrowser/", " Version: ");
- }
- document.write(brNameVer);
- document.write("<br/>");
- </script>
- </div>
- </td>
- </tr>
-
- <tr>
- <td class="settingstext" style="border-top: solid 1px #E0E0E0;">
- <iframe src = "LegalNotice.html" frameborder="0" scrolling="auto">
- </iframe>
- </td>
- </tr>
- </table>
- </form>
- </div>
-
</div>
- <div id="BottomPad"></div>
+ <!--SECTION: About Browser-->
+ <div class="accordionButtonABT">
+ <span id="txt_browser_settings_general_settings_about"></span>
+ <img id="im3" alt="" />
+ </div><!--items-->
+ <div class="accordionContentAboutItem">
+ <!--Nokia Browser About-->
+ <span id="release_label">Nokia Browser</span>
+ <span id="release_version"></span>
+ <iframe class="contenttext" src="LegalNotice.html" frameborder="0" scrolling="auto" ></iframe>
+ </div>
+<!--MENU: end-->
+ <!--BOTTOM PAD: start-->
+ <div id="BottomPad"></div><!--BOTTOM PAD: end-->
</body>
</html>