Issue 2844 - Create Microsoft Edge coming soon landing page

static/js/index.js

 (function()
 {
   function addListener(obj, type, listener, useCapture)
   {
     if ("addEventListener" in obj)
     {
       obj.addEventListener(type, function(ev)
       {
         if (listener(ev) === false)
           ev.preventDefault();
@@ skipping 27 matching lines @@
     textbox.value = getPlaceholderText(textbox);
   }
 
   function getPlaceholderText(textbox)
   {
     return textbox.getAttribute("placeholder");
   }
 
   function initSubscriptionForm(subscriptionElement)
   {
-    var emailTextbox = subscriptionElement.getElementsByClassName("subscribe-textbox")[0];

[saroyanm, 2015/09/30 15:38:38]

"getElementsByClassName" is not supported in IE8:
https://developer.mozilla.org/en/docs/Web/API/Document/getElementsByClassName...


I'll suggest to use "element.querySelectorAll":
var emailTextbox =
subscriptionElement.querySelectorAll(".subscribe-textbox")[0];

+    var emailTextbox = subscriptionElement.querySelectorAll(".subscribe-textbox")[0];
 
     // IE9 + Safari iOS
     if (!("placeholder" in document.createElement("input"))
         && !emailTextbox.value)
     {
       addPlaceholder(emailTextbox);
       addListener(emailTextbox, "focus", function()
       {
-        if (emailTextbox.value == getPlaceholderText(textbox))

[saroyanm, 2015/09/30 15:38:39]

textbox here is undefined, probably we need to change this to:

if (emailTextbox.value == getPlaceholderText(emailTextbox))

+        if (emailTextbox.value == getPlaceholderText(emailTextbox))
         {
           emailTextbox.value = "";
           emailTextbox.setAttribute("class", "");
         }
       }, false);
 
       addListener(emailTextbox, "blur", function()
       {
         if (!emailTextbox.value)
           addPlaceholder(emailTextbox);
@@ skipping 76 matching lines @@
   }
 
   function init()
   {
     container = document.getElementById("more-container");
     initSubscriptionForm(document.getElementById("edge-subscription"));
   }
 
   init();
 })();