Add tabs to passwords and exceptions subpage

chrome/browser/resources/options/import_data_overlay.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.
 
 cr.define('options', function() {
 
   var OptionsPage = options.OptionsPage;
 
   /**
    * ImportDataOverlay class
    * Encapsulated handling of the 'Import Data' overlay page.
    * @class
    */
   function ImportDataOverlay() {
     OptionsPage.call(this, 'importDataOverlay',
                      templateData.import_data_title,
                      'importDataOverlay');
   }
 
   ImportDataOverlay.throbIntervalId = 0
-  ImportDataOverlay.checkboxMask = "";
+  ImportDataOverlay.checkboxMask = '';
 
   cr.addSingletonGetter(ImportDataOverlay);
 
   ImportDataOverlay.prototype = {
     // Inherit ImportDataOverlay from OptionsPage.
     __proto__: OptionsPage.prototype,
 
     /**
      * Initialize the page.
      */
     initializePage: function() {
       // Call base class implementation to starts preference initialization.
       OptionsPage.prototype.initializePage.call(this);
 
       var self = this;
-      var checkboxList = $('checkboxList').getElementsByTagName('input');
-      for (var i = 0; i < checkboxList.length; ++i) {
+      var checkboxList =
+          document.querySelectorAll('#checkboxList input[type=checkbox]');
+      for (var i = 0; i < checkboxList.length; i++) {
         if(checkboxList[i].type == 'checkbox')
           checkboxList[i].onchange = function(e) {
             self.countCheckboxes_();
           };
       }
 
       $('import-data-commit').onclick = function(e) {
         /** The first digit in paramList indicates browser selected
          *  The rest indicate the checkboxes (1 is checked, 0 is not)
          */
         var selectedBrowser = $('supported-browsers').selectedIndex;
         var paramList =
             String(selectedBrowser) + ImportDataOverlay.checkboxMask;
 
         chrome.send('importData', [paramList]);
       }
     },
 
     countCheckboxes_: function() {
       ImportDataOverlay.checkboxMask = "";
-      var checkboxList = $('checkboxList').getElementsByTagName('input');
-      for (var i = 0; i < checkboxList.length; ++i) {
+      var checkboxList =
+          document.querySelectorAll('#checkboxList input[type=checkbox]');
+      for (var i = 0; i < checkboxList.length; i++) {
         if (checkboxList[i].type == 'checkbox') {
           if(checkboxList[i].checked)
             ImportDataOverlay.checkboxMask += "1";
           else
             ImportDataOverlay.checkboxMask += "0";
         }
       }
       if (ImportDataOverlay.checkboxMask.indexOf("1") == -1)
         $('import-data-commit').disabled = true;
       else
@@ skipping 71 matching lines @@
     OptionsPage.clearOverlays();
     ImportDataOverlay.setImportingState(false);
   }
 
   // Export
   return {
     ImportDataOverlay: ImportDataOverlay
   };
 
 });