Issue 2213 - landing page for mobile beta launch

adblock-browser-head.html

-<meta name="title" content="Adblock Browser Beta Launch" />
-<meta property="og:title" content="Adblock Browser Beta Launch" />
-<meta name="description" content="Want Adblock Browser for your smartphone or tablet? Join the Adblock Browser for Android Beta Google+ community." />
-<meta property="og:description" content="Want Adblock Browser for your smartphone or tablet? Join the Adblock Browser for Android Beta Google+ community." />
-
 <style type="text/css">
 #content *
 {
   box-sizing: content-box;
 }
 
 #content h1
 {
   margin-bottom: 28px;
 }
@@ skipping 118 matching lines @@
   if ("addEventListener" in obj)
   {
     obj.addEventListener(type, function(ev)
     {
       if (listener(ev) === false)
         ev.preventDefault();
     }, useCapture);
   }
   else
   {
+    // IE 8
     if (type == "DOMContentLoaded")
       type = "readystatechange";
 
     type = "on" + type;
-    // IE 8
     if ("attachEvent" in obj)
     {
       obj.attachEvent(type, function()
       {
         if (document.readyState == "complete" && listener(event) === false)
           event.returnValue = false;
       });
     }
     else
     {
       obj[type] = listener;
     }
   }
 }
 
 function addPlaceholder(textbox)
 {
   textbox.setAttribute("class", "placeholder");
   textbox.value = getPlaceholderText();
 }
 
 function getPlaceholderText()
 {
-  return document.getElementById("subscribe-textbox").placeholder;

[Sebastian Noack, 2015/04/24 15:46:10]

This won't work on browsers that don't support placeholders. You have to use
|.getAttribute("placeholder")| here.

[saroyanm, 2015/04/24 15:54:05]

Actually I've tested it with IE8 and it works great, but I agree that it's
better to use getAttribute method, to be insured. 

+  return document.getElementById("subscribe-textbox").getAttribute("placeholder");
 }
 
 function contentLoad()
 {
   var emailTextbox = document.getElementById("subscribe-textbox");
 
-  // textbox placeholder implementation for browsers
-  // that don't support placeholder attribute

[Sebastian Noack, 2015/04/24 15:46:10]

Nit: You might want to name Safari iOS and IE9 here.

I'd we fine with replacing this comment with simply "IE9 + Safari iOS".

[saroyanm, 2015/04/24 15:54:05]

Done.

+  // IE9 + Safari iOS
   if (!("placeholder" in document.createElement("input"))
       && !emailTextbox.value)
   {
     addPlaceholder(emailTextbox);
     addListener(emailTextbox, "focus", function()
     {
       if (emailTextbox.value == getPlaceholderText())
       {
         emailTextbox.value = "";
         emailTextbox.setAttribute("class", "");
       }
     }, false);
 
     addListener(emailTextbox, "blur", function()
     {
       if (!emailTextbox.value)
         addPlaceholder(emailTextbox);
     }, false);
   }
 
   addListener(document.getElementById("subscribe-form"), "submit", function()
   {
     var formElement = document.getElementById("subscribe-form");
     if (!window.XMLHttpRequest)
     {
       formElement.submit();
       return false;
     }
 
+    var pathArray = window.location.pathname.split("/");
     var params = emailTextbox.name + "=" + encodeURIComponent(emailTextbox.value);
+    params += "&lang=" + pathArray[1];
     var request = new XMLHttpRequest();
     request.open("POST", formElement.action, true);
     request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
     addListener(request, "readystatechange", function()
     {
       if (request.readyState == 4)
       {
         if (request.status >= 200 && request.status < 300)
         {
           formElement.setAttribute("class", "success");
@@ skipping 14 matching lines @@
         }
       }
     }, false);
     request.send(params);
     return false;
   }, false);
 }
 addListener(document, "DOMContentLoaded", contentLoad, false);
 //]]>
 </script>