Issue 1112 - Properly use polyfills in firstrun and settings pages

html/static/js/IESettings.js

 function init()
 {
   try
   {
     initLanguageSettings();
    
     initDomainSettings();
   }
   catch (err)
   {
@@ skipping 35 matching lines @@
   setElementText("removeDomains", "settings-exceptions-remove-label");
 
   setElementText("localeWorthSharing", "settings-share-label");
 
   setElementText("acceptableAdsLabel", "settings-acceptable-ads");
    
   var aaCheckbox = document.getElementById("acceptableAdsCheckbox");
   if (aaCheckbox)
   {
     aaCheckbox.checked = UserSettings().IsAcceptableAdsEnabled();
-    addListener(aaCheckbox, "change", acceptableAdsChange, false);
+    aaCheckbox.addEventListener("change", acceptableAdsChange, false);
   }
 
   var optionsLanguage = document.getElementById("language");
 
   var languageCount = UserSettings().GetLanguageCount();
   for(var i = 0; i < languageCount; i++)
   {
     var el = document.createElement("option");
     el.text = UserSettings().GetLanguageTitleByIndex(i);
     el.value = UserSettings().GetLanguageByIndex(i);
     
     optionsLanguage.add(el, 0);
   }
   
-  addListener(optionsLanguage, "change", function ()
+  optionsLanguage.addEventListener("change", function ()
   {
     UserSettings().SetLanguage(optionsLanguage[optionsLanguage.selectedIndex].value);
   }, false);
 
   var language = UserSettings().GetLanguage();
 
   var options = optionsLanguage.options;
   for (var i = 0; i < options.length; i++)
   {
    if (options[i].value == language)
@@ skipping 13 matching lines @@
   for(var i = 0; i < domains.length; i++)
   {
     var domain = domains[i];
     
     var el = document.createElement("option");
     el.text = domain;
     optionsDomain.add(el, 0);
   }
 
   var addDomain = document.getElementById("addDomain");
-  addListener(addDomain, "click", function()
+  addDomain.addEventListener("click", function()
   {
     var newDomain = document.getElementById("newDomain");
     
     // Trim whitespaces
     var value = newDomain.value.replace(/^\s+|\s+$/, "");
     
     if (value.length)
     {
       var alreadyExist = false;
       for(var i = 0; i < optionsDomain.length; i++)
@@ skipping 16 matching lines @@
       
       var el = document.createElement("option");
       el.text = value; 
       optionsDomain.add(el, 0);
       
       newDomain.value = "";
     }
   }, false);
   
   var removeDomains = document.getElementById("removeDomains");
-  addListener(removeDomains, "click", function()
+  removeDomains.addEventListener("click", function()
   {
     var removeOptions = [];
     var domains = optionsDomain.options;
     for (var i = 0; i < domains.length; i++)
     {
       if (domains[i].selected)
       {
         UserSettings().RemoveWhitelistDomain(domains[i].text);
         removeOptions.push(domains[i].index);
       }
     }
     
     for (var i = removeOptions.length; i--;)
     {
       optionsDomain.remove(removeOptions[i]);
     }
   }, false);
 }
 
 window.UserSettings = function()
 {
   return window.Settings;
 }