addEventListener stuff.

chrome/common/extensions/docs/server2/static/js/samples.js

Index: chrome/common/extensions/docs/server2/static/js/samples.js
diff --git a/chrome/common/extensions/docs/server2/static/js/samples.js b/chrome/common/extensions/docs/server2/static/js/samples.js
index 7a9efca053a8cc9c852f013d99ef71688f8f7c75..2b82a25947047dfa658cf33d524dd7f056c7e72b 100644
--- a/chrome/common/extensions/docs/server2/static/js/samples.js
+++ b/chrome/common/extensions/docs/server2/static/js/samples.js
@@ -4,29 +4,27 @@
 
 (function() {
   var search_box = document.getElementById('search_input');
-  var apis = document.getElementsByClassName('sample');
-  for (var i = 0; i < apis.length; ++i)
-    apis[i].tags = apis[i].getAttribute('tags').toUpperCase();
+  var samples = document.getElementsByClassName('sample');
 
   function filterSamples() {
-    var search_text = search_box.value.toUpperCase();
-    for (var i = 0; i < apis.length; ++i) {
-      if (apis[i].tags.indexOf(search_text) < 0)
-        apis[i].style.display = 'none';
+    var search_text = search_box.value.toLowerCase();
+    for (var i = 0; i < samples.length; ++i) {
+      var sample = samples[i];
+      if (sample.getAttribute('tags').indexOf(search_text) < 0)
+        sample.style.display = 'none';
       else
-        apis[i].style.display = '';
+        sample.style.display = '';
     }
   }
 
-  function setFilter() {
-    search_box.value = 'chrome.' + this.innerHTML;
-    filterSamples();
-  }
-
-  var api_filter_items = document.getElementsByClassName('api_filter_item');
-  for (var i = 0; i < api_filter_items.length; ++i)
-    api_filter_items[i].addEventListener('click', setFilter, true);
+  search_box.addEventListener('search', filterSamples);
+  search_box.addEventListener('keyup', filterSamples);
 
-  search_box.onsearch = filterSamples;
-  search_box.onkeyup = filterSamples;
+  var api_filter_items = document.getElementById('api_filter_items');
+  api_filter_items.addEventListener('click', function(event) {
+    if (event.target instanceof HTMLAnchorElement) {
+      search_box.value = 'chrome.' + event.target.innerText;
+      filterSamples();
+    }
+  });
 })();