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