Mercurial Mercurial > oss > FCL > sf > app > browserui / comparison
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html
changeset 6 1c3b8676e58c
parent 5 0f2326c2a325
equal deleted inserted replaced
5:0f2326c2a325 6:1c3b8676e58c 
    29  $(document).ready(function() {
 
    29  $(document).ready(function() {
 
    30 
    30 
    31     //HIDE THE DIVS ON PAGE LOAD
 
    31     //HIDE THE DIVS ON PAGE LOAD
 
    32     var settingsLoaded = window.pageController.getSettingsLoaded();
 
    32     var settingsLoaded = window.pageController.getSettingsLoaded();
 
    33     var image1;
 
    33     var image1;
 
    34     var image2  
    34     var image2;
 
       
    35     var image3;   
    35     var imagesrc1;
 
    36     var imagesrc1;
 
    36     var imagesrc2;
 
    37     var imagesrc2;
 
    37    
    38     var imagesrc3;    
    38     
    39     
    39     if(settingsLoaded == 0)
 
    40     if(settingsLoaded == 0)
 
    40     {
 
    41     {
 
    41     	$("div.accordionContent").hide();
 
    42     	$("div.accordionContent").hide();
 
    42     	image1 = document.getElementById("im1");   
    43     	image1 = document.getElementById("im1");   
    43 	   	image1.setAttribute("src", "icons/list_headerarrow_closed.png")	
    44 	   	image1.setAttribute("src", "icons/list_headerarrow_closed.png")	
    44 	   	imagesrc1 = "icons/list_headerarrow_closed.png";
 
    45 	   	imagesrc1 = "icons/list_headerarrow_closed.png";
 
    45     	
    46     	
    46   	  image2 = document.getElementById("im2");   
    47   	    image2 = document.getElementById("im2");   
    47    		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
    48    		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
    48    		imagesrc2 = "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";
 
    49 
    54 
    50     }
 
    55     }
 
    51     else if(settingsLoaded == 1){
 
    56     else if(settingsLoaded == 1){
 
    52       $('div.accordionButtonGS').next().show();
 
    57       $('div.accordionButtonGS').next().show();
 
    53       
    58       
    54       image1 = document.getElementById("im1");   
    59         image1 = document.getElementById("im1");   
    55 	   	image1.setAttribute("src", "icons/list_headerarrow_open.png")	
    60 	   	image1.setAttribute("src", "icons/list_headerarrow_open.png")	
    56 	   	imagesrc1 = "icons/list_headerarrow_open.png";
 
    61 	   	imagesrc1 = "icons/list_headerarrow_open.png";
 
    57     	
    62     	
    58   	  image2 = document.getElementById("im2");   
    63   	    image2 = document.getElementById("im2");   
    59    		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
    64    		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
    60    		imagesrc2 = "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";   		
    61     }  
    70     }  
    62     else if(settingsLoaded == 2)
 
    71     else if(settingsLoaded == 2)
 
    63     {	
    72     {	
    64       $('div.accordionButtonCD').next().show();
 
    73       $('div.accordionButtonCD').next().show();
 
    65       
    74       
    66        image1 = document.getElementById("im1");   
    75        image1 = document.getElementById("im1");   
    67 	     image1.setAttribute("src", "icons/list_headerarrow_closed.png");	
    76 	   image1.setAttribute("src", "icons/list_headerarrow_closed.png");	
    68 	     imagesrc1 = "icons/list_headerarrow_closed.png";
 
    77 	   imagesrc1 = "icons/list_headerarrow_closed.png";
 
    69     	
    78     	
    70   	   image2 = document.getElementById("im2");   
    79   	   image2 = document.getElementById("im2");   
    71    		 image2.setAttribute("src", "icons/list_headerarrow_open.png");  
    80    	   image2.setAttribute("src", "icons/list_headerarrow_open.png");  
    72    		 imagesrc2 = "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 
    73    	}	
    87    	}	
    74   
    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    	}	  
    75   
   104   
    76     //ACCORDION BUTTON ACTION
 
   105     //ACCORDION BUTTON ACTION
 
    77     $('div.accordionButtonGS').click(function() {
 
   106     $('div.accordionButtonGS').click(function() {
 
    78         //$('div.accordionContent').slideUp('normal');
 
   107         //$('div.accordionContent').slideUp('normal');
 
    79         //$(this).next().slideDown('normal');
 
   108         //$(this).next().slideDown('normal');
 
    80 
   109 
    81         $(this).next().toggle();
 
   110         $(this).next().toggle();
 
    82         $('div.accordionButtonCD').next().hide();  
   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();
 
    83         
   139         
    84         image1 = document.getElementById("im1");   
   140         image1 = document.getElementById("im1");   
    85         image2 = document.getElementById("im2");  
   141         image2 = document.getElementById("im2");  
    86         
   142         image3 = document.getElementById("im3");  
    87         if(imagesrc1 == "icons/list_headerarrow_closed.png") // current state
 
   143                 
    88         {
 
   144         if(imagesrc2 == "icons/list_headerarrow_closed.png") // current state
 
    89         	imagesrc1 = "icons/list_headerarrow_open.png";
 
   145         {
 
    90         	imagesrc2 = "icons/list_headerarrow_closed.png";        	
   146         	imagesrc2 = "icons/list_headerarrow_open.png";
 
       
   147         	imagesrc1 = "icons/list_headerarrow_closed.png"; 
       
   148         	imagesrc3 = "icons/list_headerarrow_closed.png";       	
    91         		
   149         		
    92         }       
   150         }       
    93         else // imagesrc1 == "icons/list_headerarrow_open.png"
 
   151         else // imagesrc2 == "icons/list_headerarrow_open.png"
 
    94         {
 
   152         {
 
    95         	imagesrc1 = "icons/list_headerarrow_closed.png";
 
   153         	imagesrc2 = "icons/list_headerarrow_closed.png";
 
    96         }       
   154         }       
    97         image1.setAttribute("src", imagesrc1);
 
   155         image1.setAttribute("src", imagesrc1);
 
    98         image2.setAttribute("src", imagesrc2);  
   156         image2.setAttribute("src", imagesrc2);
 
    99         
   157         image3.setAttribute("src", imagesrc3);       
   100 
   158 
   101     });
 
   159     });
 
   102 
   160 
   103     $('div.accordionButtonCD').click(function() {
 
   161     $('div.accordionButtonABT').click(function() {
 
   104 
   162 
   105         $(this).next().toggle();
 
   163         $(this).next().toggle();
 
   106         $('div.accordionButtonGS').next().hide();
 
   164         $('div.accordionButtonGS').next().hide();
 
   107         
   165         $('div.accordionButtonCD').next().hide();
 
       
   166                 
   108         image1 = document.getElementById("im1");   
   167         image1 = document.getElementById("im1");   
   109         image2 = document.getElementById("im2");  
   168         image2 = document.getElementById("im2");  
       
   169         image3 = document.getElementById("im3");  
   110         
   170         
   111         if(imagesrc2 == "icons/list_headerarrow_closed.png") // current state
 
   171         if(imagesrc3 == "icons/list_headerarrow_closed.png") // current state
 
   112         {
 
   172         {
 
   113         	imagesrc2 = "icons/list_headerarrow_open.png";
 
   173         	imagesrc3 = "icons/list_headerarrow_open.png";
 
   114         	imagesrc1 = "icons/list_headerarrow_closed.png";        	
   174         	imagesrc1 = "icons/list_headerarrow_closed.png";        	
   115         		
   175         	imagesrc2 = "icons/list_headerarrow_closed.png";        		
   116         }       
   176         }       
   117         else // imagesrc2 == "icons/list_headerarrow_open.png"
 
   177         else // imagesrc3 == "icons/list_headerarrow_open.png"
 
   118         {
 
   178         {
 
   119         	imagesrc2 = "icons/list_headerarrow_closed.png";
 
   179         	imagesrc3 = "icons/list_headerarrow_closed.png";
 
   120         }       
   180         }       
   121         image1.setAttribute("src", imagesrc1);
 
   181         image1.setAttribute("src", imagesrc1);
 
   122         image2.setAttribute("src", imagesrc2);       
   182         image2.setAttribute("src", imagesrc2);       
       
   183      image3.setAttribute("src", imagesrc3);          
   123 
   184 
   124     });
 
   185     });
 
   125 
       
   126    
   186    
   127      
   187      
   128     
   188     
   129 
   189 
   130 });
 
   190 });
 
   136 
   196 
   137 <body>
 
   197 <body>
 
   138 
   198 
   139 <div id="wrapper">
 
   199 <div id="wrapper">
 
   140        
   200        
   141        <div class="accordionButtonGS">&nbsp;&nbsp;&nbsp;&nbsp;General Settings   <img id="im1" align="right" style="padding-right: 20px; vertical-align: middle; " ></div>                
   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>                
   142         
   202         
   143         <div class="accordionContent"><br />
 
   203         <div class="accordionContent"><br />
 
   144 
   204 
   145             <form name="encoding" >Character Encoding <br> 
   205             <form name="encoding" ><span id="txt_browser_settings_general_settings_character_encoding"></span> <br> 
   146             	
   206             	
   147             <table width="100%" cellspacing="0">
 
   207             <table width="100%" cellspacing="0">
 
   148          	 <tr>
 
   208          	 <tr>
 
   149            <td style="text-align: center;">
 
   209            <td style="text-align: center;">
 
   150            	<select onChange="setValue(this.selectedIndex)" name="formbutton">
 
   210            	<select onChange="setValue(this.selectedIndex)" name="formbutton">
 
   206             </form> 
   266             </form> 
   207            
   267            
   208            
   268            
   209          <table width="100%" cellspacing="0">
 
   269          <table width="100%" cellspacing="0">
 
   210          	 <tr>
 
   270          	 <tr>
 
   211             <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Save Browsing History</td>
 
   271             <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_general_settings_save_browser_history"></span></td>
 
   212             <td style="border-top: solid 1px #E0E0E0;"><input id="saverestore1" onclick="saveSR('yes')"    type="image" STYLE="vertical-align: middle; padding:5px" >
 
   272             <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> 
   273                 <input id="saverestore2" onclick="saveSR('no')"     type="image" STYLE="vertical-align: middle; padding:5px" ></td> 
   214            </tr>
 
   274            </tr>
 
   215            
   275            
   216            <!--
 
   276            <!--
 
   224            
   284            
   225 
   285 
   226         </div>
 
   286         </div>
 
   227 
   287 
   228 
   288 
   229         <div class="accordionButtonCD">&nbsp;&nbsp;&nbsp;&nbsp;Clear Data <img id="im2" align="right" style="padding-right: 20px; vertical-align: middle; "></div>
 
   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>
 
   230         <div class="accordionContent"><br />
 
   290         <div class="accordionContent"><br />
 
   231              <form name="deleteform">
 
   291              <form name="deleteform">
 
   232 
   292 
   233                   <table width="100%" cellspacing="0">
 
   293                   <table width="100%" cellspacing="0">
 
   234 
   294 
   235 
   295 
   236 								  <tr>
 
   296 								  <tr>
 
   237 								    <td class="settingstext">Cache&nbsp;&nbsp;</td>
 
   297 								    <td class="settingstext"><span id="txt_browser_settings_clear_data_cache"></span>&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>
 
   298 								    <td style="text-align: right;  white-space: nowrap;"><img id="id1" onclick="clearSelected('cache')"     type="image" STYLE="vertical-align: middle;"></td>
 
   239 								  </tr>
 
   299 								  </tr>
 
   240 								  <tr>
 
   300 								  <tr>
 
   241 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Cookies&nbsp;&nbsp;</td>
 
   301 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_cookies"></span>&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>
 
   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>
 
   243 								  </tr>
 
   303 								  </tr>
 
   244 								  <tr>
 
   304 								  <tr>
 
   245 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">History&nbsp;&nbsp;</td>
 
   305 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_history"></span>&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>
 
   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>
 
   247 								  </tr>
 
   307 								  </tr>
 
   248 								  <tr>
 
   308 								  <tr>
 
   249 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Bookmarks&nbsp;&nbsp;</td>
 
   309 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_bookmarks"></span>&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>
 
   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>
 
   251 								  </tr>
 
   311 								  </tr>
 
   252 								  <tr>
 
   312 								  
   253 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Forms and Passwords&nbsp;&nbsp;</td>
 
   313 								  <tr>
 
   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>
 
   314 								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_all"></span>&nbsp;&nbsp;</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>
 
   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>
 
   259 								  </tr>
 
   316 								  </tr>
 
   260 								</table>
 
   317 								</table>
 
   261                   
   318                   
   262             </form>
 
   319             </form>
 
   263         </div>
 
   320         </div>
 
   264 
   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 
   265     </div>
 
   369     </div>
 
   266 
   370     <div id="BottomPad"></div>
 
   267 
       
   268 </body>
 
   371 </body>
 
   269 </html>
 
   372 </html>
FCL/sf/app/browserui