Updated to read remove all shown when the user searches for a cookie

chrome/browser/resources/options/cookies_view.js

 // Copyright (c) 2012 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;
 
   /////////////////////////////////////////////////////////////////////////////
   // CookiesView class:
@@ skipping 70 matching lines @@
         chrome.send('updateCookieSearchResults', [filter]);
       }
     },
 
     /**
      * Handles search query changes.
      * @param {!Event} e The event object.
      * @private
      */
     handleSearchQueryChange_: function(e) {
+      var content = document.querySelector('.cookies-search-box').value.trim();
+      if (content) {
+        document.querySelector('.remove-all-cookies-button').innerHTML =

[felt, 2014/05/23 17:18:12]

Instead of using innerHTML, can you use .value?

[felt, 2014/05/23 22:40:14]

Radhika's response was:
OK, I see. This explains why: http://permadi.com/tutorial/jsInnerHTMLDOM/.

+            loadTimeData.getString('remove_all_shown_cookie');
+      }
+      else {
+        document.querySelector('.remove-all-cookies-button').innerHTML =
+            loadTimeData.getString('remove_all_cookie');
+      }
       if (this.queryDelayTimerId_)
         window.clearTimeout(this.queryDelayTimerId_);
 
       this.queryDelayTimerId_ = window.setTimeout(
           this.searchCookie.bind(this), 500);
     },
 
     initialized_: false,
 
     /**
      * Handler for OptionsPage's visible property change event.
      * @param {Event} e Property change event.
      * @private
      */
     handleVisibleChange_: function(e) {
       if (!this.visible)
         return;
 
       chrome.send('reloadCookies');
-

[felt, 2014/05/23 17:18:12]

did you intentionally delete these lines?

       if (!this.initialized_) {
         this.initialized_ = true;
         this.searchCookie();
       } else {
         this.pageDiv.querySelector('.cookies-list').redraw();
       }
-
       this.pageDiv.querySelector('.cookies-search-box').focus();
     },
   };
 
   // CookiesViewHandler callbacks.
   CookiesView.onTreeItemAdded = function(args) {
     $('cookies-list').addByParentId(args[0], args[1], args[2]);
   };
 
   CookiesView.onTreeItemRemoved = function(args) {
     $('cookies-list').removeByParentId(args[0], args[1], args[2]);
   };
 
   CookiesView.loadChildren = function(args) {
     $('cookies-list').loadChildren(args[0], args[1]);
   };
 
   // Export
   return {
     CookiesView: CookiesView
   };
 
 });