Implement the 'Clear Browser Data' dom-ui overlay....

chrome/browser/resources/options/pref_ui.js

 // Copyright (c) 2010 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 ///////////////////////////////////////////////////////////////////////////////
 // PrefCheckbox class:
 
 // Define a constructor that uses an input element as its underlying element.
 var PrefCheckbox = cr.ui.define('input');
 
@@ skipping 10 matching lines @@
 
     // Listen to pref changes.
     Preferences.getInstance().addEventListener(this.pref,
         function(event) {
           self.checked = event.value;
         });
 
     // Listen to user events.
     this.addEventListener('click',
         function(e) {
-          Preferences.setBooleanPref(self.pref,
-                                     self.checked);
+          Preferences.setBooleanPref(self.pref, self.checked);
         });
   }
 };
 
 /**
  * The preference name.
  * @type {string}
  */
 cr.defineProperty(PrefCheckbox, 'pref', cr.PropertyKind.ATTR);
 
@@ skipping 57 matching lines @@
               self.selectedIndex = i;
               return;
             }
           }
           self.selectedIndex = -1;
         });
 
     // Listen to user events.
     this.addEventListener('change',
         function(e) {
-          Preferences.setStringPref(self.pref,
-              self.options[self.selectedIndex].value);
+          switch(self.dataType) {
+            case 'number':
+              Preferences.setIntegerPref(self.pref,
+                  self.options[self.selectedIndex].value);
+              break;
+            case 'boolean':
+              Preferences.setBooleanValue(self.pref,
+                  self.options[self.selectedIndex].value);
+              break;
+            case 'string':
+              Preferences.setStringPref(self.pref,
+                  self.options[self.selectedIndex].value);
+              break;
+          }
         });
   },
 
   /**
    * Sets up options in select element.
    * @param {Array} options List of option and their display text.
    * Each element in the array is an array of length 2 which contains options
    * value in the first element and display text in the second element.
    *
    * TODO(zelidrag): move this to that i18n template classes.
    */
   initializeValues: function(options) {
     options.forEach(function (values) {
+      if (this.dataType == undefined)
+        this.dataType = typeof values[0];
       this.appendChild(new Option(values[1], values[0]));
     }, this);
   }
 };
 
 /**
  * The preference name.
  * @type {string}
  */
 cr.defineProperty(PrefSelect, 'pref', cr.PropertyKind.ATTR);
@@ skipping 32 matching lines @@
             self.blur();
         });
   }
 };
 
 /**
  * The preference name.
  * @type {string}
  */
 cr.defineProperty(PrefTextField, 'pref', cr.PropertyKind.ATTR);