Fix stats counters

chrome/browser/resources/about_stats.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.
 
 /* Counter accessor for Name Node. */
 function getCounterNameFromCounterNode(node) {
   return node.childNodes[1];
 }
 
 /* Counter accessor for Value Node. */
@@ skipping 33 matching lines @@
     var name = functionToGetNameNode(node).innerHTML.toLowerCase();
     if (showAll || name.indexOf(text) >= 0)
       node.style.display = 'table-row';
     else
       node.style.display = 'none';
   }
 }
 
 /* Hides or shows counters based on the user's current filter selection. */
 function doFilter() {
-  var filter = document.getElementById('filter');
+  var filter = $('filter');
   var text = filter.value.toLowerCase();
   var nodes = document.getElementsByName('counter');
   filterMatching(text, nodes, getCounterNameFromCounterNode);
   var nodes = document.getElementsByName('timer');
   filterMatching(text, nodes, getTimerNameFromTimerNode);
 }
 
 /* Colors the counters based on increasing or decreasing value. */
 function doColor() {
   var nodes = document.getElementsByName('counter');
@@ skipping 36 matching lines @@
       var avg = getTimerAvgTimeFromTimerNode(node);
       avg.innerHTML = Math.round(time / count * 100) / 100;
     }
   }
 }
 
 /* All the work we do onload. */
 function onLoadWork() {
   // This is the javascript code that processes the template:
   var input = new JsEvalContext(templateData);
-  var output = document.getElementById('t');
+  var output = $('t');
   jstProcess(input, output);
 
   // Add handlers to dynamically created HTML elements.
   var elements = document.getElementsByName('string-sort');
   for (var i = 0; i < elements.length; ++i)
     elements[i].onclick = function() { sort_table('string'); };
 
   elements = document.getElementsByName('number-sort');
   for (i = 0; i < elements.length; ++i)
     elements[i].onclick = function() { sort_table('number'); };
 
   doColor();
   removeNullValues();
   computeTimes();
-  document.getElementById('filter').focus();
+
+  var filter = $('filter');
+  filter.onkeyup = doFilter;
+  filter.focus();
 }
 
 // The function should only be used as the event handler
 // on a table cell element. To use it, put it in a <td> element:
 //  <td onclick="sort('string')" ...>
 //
 // The function sorts rows after the row with onclick event handler.
 //
 // type: the data type, 'string', 'number'
 function sort_table(type) {
@@ skipping 51 matching lines @@
       tbody.appendChild(rows[i]);
     cell._reverse = false;
   } else {
     for (var i = 0; i < rows.length; i++)
       tbody.appendChild(rows[i]);
     cell._reverse = true;
   }
 }
 
 document.addEventListener('DOMContentLoaded', onLoadWork);