ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html
author hgs
Tue, 29 Jun 2010 00:46:29 -0400
changeset 3 0954f5dd2cd0
parent 0 1450b09d0cfd
child 16 3c88a81ff781
permissions -rw-r--r--
201026

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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>


  <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>

</head>


<body>

<div id="wrapper">
       
       <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>                
        
        <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>         
           

        </div>


        <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>
        <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>&nbsp;&nbsp;</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>&nbsp;&nbsp;</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>&nbsp;&nbsp;</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>&nbsp;&nbsp;</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>&nbsp;&nbsp;</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>

        <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>
        <div class="accordionContent"><br />
            <form name="aboutform">

                  <table width="100%" cellspacing="0">
								  <tr>
								    <td class="settingstext">Nokia Browser&nbsp;&nbsp;</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>
</body>
</html>