ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html
changeset 5 0f2326c2a325
parent 0 1450b09d0cfd
child 6 1c3b8676e58c
equal deleted inserted replaced
1:b0dd75e285d2 5:0f2326c2a325
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     2 <html>
     2 <html>
     3 <head>
     3 <head>
     4 
     4 
       
     5   <script src="../../js/3rdparty/jquery-1.4.2.min.js" type="text/javascript"></script>
       
     6   <script src="../../js/3rdparty/jquery-ui/ui.core.js" type="text/javascript"></script>
       
     7   <script src="../../js/3rdparty/jquery-ui/effects.core.js" type="text/javascript"></script>
       
     8   <script src="../../js/3rdparty/jquery-ui/effects.blind.js" type="text/javascript"></script>
       
     9   <script src="../../js/3rdparty/jquery-ui/dima.js" type="text/javascript"></script>
       
    10   <link rel="stylesheet" id="CSSLink" type="text/css" href="settingsview.css"/>
       
    11   <meta name = "viewport" content = "width = device-width, height = device-height, initial-scale = 1.0, user-scalable = no">
       
    12 
       
    13 
     5   <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    14   <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
     6   <title>Settings</title>
    15   <title>Settings</title>
     7   <script src="settingsview.js" type="text/javascript"></script>
    16   <script src="settingsview.js" type="text/javascript"></script>
     8 
    17 
     9 
    18 
    10   <script language="JavaScript">
    19   <script language="JavaScript">
    11 
    20 
    12   </script>
    21   </script>
       
    22 
       
    23   <script>
       
    24 
       
    25 
       
    26 
       
    27 
       
    28 
       
    29  $(document).ready(function() {
       
    30 
       
    31     //HIDE THE DIVS ON PAGE LOAD
       
    32     var settingsLoaded = window.pageController.getSettingsLoaded();
       
    33     var image1;
       
    34     var image2  
       
    35     var imagesrc1;
       
    36     var imagesrc2;
       
    37    
       
    38     
       
    39     if(settingsLoaded == 0)
       
    40     {
       
    41     	$("div.accordionContent").hide();
       
    42     	image1 = document.getElementById("im1");   
       
    43 	   	image1.setAttribute("src", "icons/list_headerarrow_closed.png")	
       
    44 	   	imagesrc1 = "icons/list_headerarrow_closed.png";
       
    45     	
       
    46   	  image2 = document.getElementById("im2");   
       
    47    		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
       
    48    		imagesrc2 = "icons/list_headerarrow_closed.png";
       
    49 
       
    50     }
       
    51     else if(settingsLoaded == 1){
       
    52       $('div.accordionButtonGS').next().show();
       
    53       
       
    54       image1 = document.getElementById("im1");   
       
    55 	   	image1.setAttribute("src", "icons/list_headerarrow_open.png")	
       
    56 	   	imagesrc1 = "icons/list_headerarrow_open.png";
       
    57     	
       
    58   	  image2 = document.getElementById("im2");   
       
    59    		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
       
    60    		imagesrc2 = "icons/list_headerarrow_closed.png";
       
    61     }  
       
    62     else if(settingsLoaded == 2)
       
    63     {	
       
    64       $('div.accordionButtonCD').next().show();
       
    65       
       
    66        image1 = document.getElementById("im1");   
       
    67 	     image1.setAttribute("src", "icons/list_headerarrow_closed.png");	
       
    68 	     imagesrc1 = "icons/list_headerarrow_closed.png";
       
    69     	
       
    70   	   image2 = document.getElementById("im2");   
       
    71    		 image2.setAttribute("src", "icons/list_headerarrow_open.png");  
       
    72    		 imagesrc2 = "icons/list_headerarrow_open.png";
       
    73    	}	
       
    74   
       
    75   
       
    76     //ACCORDION BUTTON ACTION
       
    77     $('div.accordionButtonGS').click(function() {
       
    78         //$('div.accordionContent').slideUp('normal');
       
    79         //$(this).next().slideDown('normal');
       
    80 
       
    81         $(this).next().toggle();
       
    82         $('div.accordionButtonCD').next().hide();  
       
    83         
       
    84         image1 = document.getElementById("im1");   
       
    85         image2 = document.getElementById("im2");  
       
    86         
       
    87         if(imagesrc1 == "icons/list_headerarrow_closed.png") // current state
       
    88         {
       
    89         	imagesrc1 = "icons/list_headerarrow_open.png";
       
    90         	imagesrc2 = "icons/list_headerarrow_closed.png";        	
       
    91         		
       
    92         }       
       
    93         else // imagesrc1 == "icons/list_headerarrow_open.png"
       
    94         {
       
    95         	imagesrc1 = "icons/list_headerarrow_closed.png";
       
    96         }       
       
    97         image1.setAttribute("src", imagesrc1);
       
    98         image2.setAttribute("src", imagesrc2);  
       
    99         
       
   100 
       
   101     });
       
   102 
       
   103     $('div.accordionButtonCD').click(function() {
       
   104 
       
   105         $(this).next().toggle();
       
   106         $('div.accordionButtonGS').next().hide();
       
   107         
       
   108         image1 = document.getElementById("im1");   
       
   109         image2 = document.getElementById("im2");  
       
   110         
       
   111         if(imagesrc2 == "icons/list_headerarrow_closed.png") // current state
       
   112         {
       
   113         	imagesrc2 = "icons/list_headerarrow_open.png";
       
   114         	imagesrc1 = "icons/list_headerarrow_closed.png";        	
       
   115         		
       
   116         }       
       
   117         else // imagesrc2 == "icons/list_headerarrow_open.png"
       
   118         {
       
   119         	imagesrc2 = "icons/list_headerarrow_closed.png";
       
   120         }       
       
   121         image1.setAttribute("src", imagesrc1);
       
   122         image2.setAttribute("src", imagesrc2);       
       
   123 
       
   124     });
       
   125 
       
   126    
       
   127      
       
   128     
       
   129 
       
   130 });
       
   131 
       
   132   </script>
       
   133 
    13 </head>
   134 </head>
    14 
   135 
    15 
   136 
    16 <body>
   137 <body>
    17 
   138 
    18 <br>
   139 <div id="wrapper">
    19 
   140        
    20 <form name="blockpopup"> <b>Block Popups</b> <br>
   141        <div class="accordionButtonGS">&nbsp;&nbsp;&nbsp;&nbsp;General Settings   <img id="im1" align="right" style="padding-right: 20px; vertical-align: middle; " ></div>                
    21 <input type="radio" value="1" name="blockpopupbutton" />Yes &nbsp;
   142         
    22 <input type="radio" value="0" name="blockpopupbutton" />No &nbsp;
   143         <div class="accordionContent"><br />
    23 <input type="submit" name="submitit" onclick="valbutton(blockpopup);return false;" value="Save" />
   144 
    24 <input type="reset" name="reset" value="Clear" />
   145             <form name="encoding" >Character Encoding <br> 
    25 </form>
   146             	
    26 
   147             <table width="100%" cellspacing="0">
    27 
   148          	 <tr>
    28 <form name="deleteform"> <b>Clear Data</b><br>
   149            <td style="text-align: center;">
    29 
   150            	<select onChange="setValue(this.selectedIndex)" name="formbutton">
    30   <input name="list" value="1" type="checkbox">Cache<br>
   151             <option value="Automatic">Automatic            
    31   <input name="list" value="2" type="checkbox">Cookies<br>
   152             <option value="Big5">Big5                
    32   <input name="list" value="3" type="checkbox">.dat files<br>
   153 						<option value="Big5-HKSCS">Big5-HKSCS
    33 
   154 						<option value="CP949">CP949 
    34  
   155 						<option value="EUC-JP">EUC-JP 
    35   <input name="CheckAll" value="Check All" onclick="checkAll(document.deleteform.list)" type="button">
   156 						<option value="EUC-KR">EUC-KR 
    36   <input name="UnCheckAll" value="Uncheck All" onclick="uncheckAll(document.deleteform.list)" type="button">
   157 						<option value="GB18030-0">GB18030-0 
    37   <input name="ClearSelected" value="Clear Selected" onclick="clearSelected(document.deleteform.list)" type="button"><br>
   158 						<option value="IBM-850">IBM-850 
    38 
   159 						<option value="IBM-866">IBM-866 
    39 </form>
   160 						<option value="IBM-874">IBM-874
       
   161 						<option value="ISO-2022-JP">ISO-2022-JP 
       
   162 						<option value="ISO-8859-1">ISO-8859-1  
       
   163 						<option value="ISO-8859-2">ISO-8859-2
       
   164 						<option value="ISO-8859-3">ISO-8859-3
       
   165 						<option value="ISO-8859-4">ISO-8859-4
       
   166 						<option value="ISO-8859-5">ISO-8859-5
       
   167 						<option value="ISO-8859-6">ISO-8859-6
       
   168 						<option value="ISO-8859-7">ISO-8859-7
       
   169 						<option value="ISO-8859-8">ISO-8859-8
       
   170 						<option value="ISO-8859-9">ISO-8859-9
       
   171 						<option value="ISO-8859-10">ISO-8859-10
       
   172 						<option value="ISO-8859-13">ISO-8859-13
       
   173 						<option value="ISO-8859-14">ISO-8859-14
       
   174 						<option value="ISO-8859-15">ISO-8859-15
       
   175 						<option value="ISO-8859-16">ISO-8859-16
       
   176 						<option value="KOI8-R">KOI8-R 
       
   177 						<option value="KOI8-U">KOI8-U
       
   178 						<option value="MuleLao-1">MuleLao-1 
       
   179 						<option value="ROMAN8">ROMAN8 
       
   180 						<option value="Shift-JIS">Shift-JIS 
       
   181 						<option value="TIS-620">TIS-620 
       
   182 						<option value="TSCII">TSCII
       
   183 						<option value="UTF-8">UTF-8 
       
   184 						<option value="UTF-16">UTF-16 
       
   185 						<option value="UTF-16BE">UTF-16BE 
       
   186 						<option value="UTF-16LE">UTF-16LE 
       
   187 						<option value="UTF-32">UTF-32 
       
   188 						<option value="UTF-32BE">UTF-32BE 
       
   189 						<option value="UTF-32LE">UTF-32LE 
       
   190 						<option value="Windows-1250">Windows-1250 
       
   191 						<option value="Windows-1251">Windows-1251
       
   192 						<option value="Windows-1252">Windows-1252
       
   193 						<option value="Windows-1253">Windows-1253
       
   194 						<option value="Windows-1254">Windows-1254
       
   195 						<option value="Windows-1255">Windows-1255
       
   196 						<option value="Windows-1256">Windows-1256
       
   197 						<option value="Windows-1257">Windows-1257
       
   198 						<option value="Windows-1258">Windows-1258           	
       
   199             </select>
       
   200                </td> 
       
   201            </tr>
       
   202          </table>
       
   203             	
       
   204             	
       
   205            
       
   206             </form> 
       
   207            
       
   208            
       
   209          <table width="100%" cellspacing="0">
       
   210          	 <tr>
       
   211             <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Save Browsing History</td>
       
   212             <td style="border-top: solid 1px #E0E0E0;"><input id="saverestore1" onclick="saveSR('yes')"    type="image" STYLE="vertical-align: middle; padding:5px" >
       
   213                 <input id="saverestore2" onclick="saveSR('no')"     type="image" STYLE="vertical-align: middle; padding:5px" ></td> 
       
   214            </tr>
       
   215            
       
   216            <!--
       
   217            <tr> 
       
   218             <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Save Form/Passwords</td>
       
   219             <td style="border-top: solid 1px #E0E0E0;"><input id="formpwd1" onclick="saveFP('yes')" type="image" STYLE="vertical-align: middle; padding:5px" >
       
   220                 																			 <input id="formpwd2" onclick="saveFP('no')"  type="image" STYLE="vertical-align: middle; padding:5px" ></td>
       
   221            </tr> -->
       
   222             
       
   223          </table>         
       
   224            
       
   225 
       
   226         </div>
       
   227 
       
   228 
       
   229         <div class="accordionButtonCD">&nbsp;&nbsp;&nbsp;&nbsp;Clear Data <img id="im2" align="right" style="padding-right: 20px; vertical-align: middle; "></div>
       
   230         <div class="accordionContent"><br />
       
   231              <form name="deleteform">
       
   232 
       
   233                   <table width="100%" cellspacing="0">
       
   234 
       
   235 
       
   236 								  <tr>
       
   237 								    <td class="settingstext">Cache&nbsp;&nbsp;</td>
       
   238 								    <td style="text-align: right;  white-space: nowrap;"><img id="id1" onclick="clearSelected('cache')"     type="image" STYLE="vertical-align: middle;"></td>
       
   239 								  </tr>
       
   240 								  <tr>
       
   241 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Cookies&nbsp;&nbsp;</td>
       
   242 								    <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>
       
   243 								  </tr>
       
   244 								  <tr>
       
   245 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">History&nbsp;&nbsp;</td>
       
   246 								    <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>
       
   247 								  </tr>
       
   248 								  <tr>
       
   249 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Bookmarks&nbsp;&nbsp;</td>
       
   250 								    <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>
       
   251 								  </tr>
       
   252 								  <tr>
       
   253 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Forms and Passwords&nbsp;&nbsp;</td>
       
   254 								    <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>
       
   255 								  </tr>
       
   256 								  <tr>
       
   257 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">All&nbsp;&nbsp;</td>
       
   258 								    <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>
       
   259 								  </tr>
       
   260 								</table>
       
   261                   
       
   262             </form>
       
   263         </div>
       
   264 
       
   265     </div>
       
   266 
    40 
   267 
    41 </body>
   268 </body>
    42 </html>
   269 </html>