--- a/ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html Fri May 14 15:40:36 2010 +0300
+++ b/ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html Wed Jun 23 17:59:43 2010 +0300
@@ -2,6 +2,15 @@
<html>
<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>
@@ -10,33 +19,251 @@
<script language="JavaScript">
</script>
+
+ <script>
+
+
+
+
+
+ $(document).ready(function() {
+
+ //HIDE THE DIVS ON PAGE LOAD
+ var settingsLoaded = window.pageController.getSettingsLoaded();
+ var image1;
+ var image2
+ var imagesrc1;
+ var imagesrc2;
+
+
+ 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";
+
+ }
+ 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";
+ }
+ 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";
+ }
+
+
+ //ACCORDION BUTTON ACTION
+ $('div.accordionButtonGS').click(function() {
+ //$('div.accordionContent').slideUp('normal');
+ //$(this).next().slideDown('normal');
+
+ $(this).next().toggle();
+ $('div.accordionButtonCD').next().hide();
+
+ image1 = document.getElementById("im1");
+ image2 = document.getElementById("im2");
+
+ if(imagesrc1 == "icons/list_headerarrow_closed.png") // current state
+ {
+ imagesrc1 = "icons/list_headerarrow_open.png";
+ imagesrc2 = "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);
+
+
+ });
+
+ $('div.accordionButtonCD').click(function() {
+
+ $(this).next().toggle();
+ $('div.accordionButtonGS').next().hide();
+
+ image1 = document.getElementById("im1");
+ image2 = document.getElementById("im2");
+
+ if(imagesrc2 == "icons/list_headerarrow_closed.png") // current state
+ {
+ imagesrc2 = "icons/list_headerarrow_open.png";
+ imagesrc1 = "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);
+
+ });
+
+
+
+
+
+});
+
+ </script>
+
</head>
<body>
-<br>
+<div id="wrapper">
+
+ <div class="accordionButtonGS"> General Settings <img id="im1" align="right" style="padding-right: 20px; vertical-align: middle; " ></div>
+
+ <div class="accordionContent"><br />
-<form name="blockpopup"> <b>Block Popups</b> <br>
-<input type="radio" value="1" name="blockpopupbutton" />Yes
-<input type="radio" value="0" name="blockpopupbutton" />No
-<input type="submit" name="submitit" onclick="valbutton(blockpopup);return false;" value="Save" />
-<input type="reset" name="reset" value="Clear" />
-</form>
+ <form name="encoding" >Character Encoding <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;">Save Browsing History</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>
+
+
+ </div>
-<form name="deleteform"> <b>Clear Data</b><br>
+ <div class="accordionButtonCD"> Clear Data <img id="im2" align="right" style="padding-right: 20px; vertical-align: middle; "></div>
+ <div class="accordionContent"><br />
+ <form name="deleteform">
- <input name="list" value="1" type="checkbox">Cache<br>
- <input name="list" value="2" type="checkbox">Cookies<br>
- <input name="list" value="3" type="checkbox">.dat files<br>
+ <table width="100%" cellspacing="0">
+
-
- <input name="CheckAll" value="Check All" onclick="checkAll(document.deleteform.list)" type="button">
- <input name="UnCheckAll" value="Uncheck All" onclick="uncheckAll(document.deleteform.list)" type="button">
- <input name="ClearSelected" value="Clear Selected" onclick="clearSelected(document.deleteform.list)" type="button"><br>
+ <tr>
+ <td class="settingstext">Cache </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;">Cookies </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;">History </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;">Bookmarks </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;">Forms and Passwords </td>
+ <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id5" onclick="clearSelected('forms')" type="image" STYLE="vertical-align: middle;" ></td>
+ </tr>
+ <tr>
+ <td class="settingstext" style="border-top: solid 1px #E0E0E0;">All </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>
-</form>
+ </div>
+
</body>
</html>