SHARE
TWEET

Untitled

a guest Apr 16th, 2015 277 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. Alright, I've worked out the issues preventing it from working on Firefox (and another little issue on all the browsers).
  2.  
  3.  
  4. First, your input box callback is bound in a way that prevents Firefox from using it correctly.
  5.  
  6. You need to change this:
  7.  
  8.     <input type="text" style="border:0px;outline:0;font-family:'Montserrat';font-size:18px;color:rgba(229, 54, 101, 0.9);-webkit-font-smoothing:antialiased;float:left;margin-top:30px;margin-left:30px;width:460px;background-color:transparent;" placeholder="Hello, let's talk together." onkeydown="donechat();" id="input" autofocus autocomplete="off">
  9.  
  10. to this:
  11.  
  12.     <input type="text" style="border:0px;outline:0;font-family:'Montserrat';font-size:18px;color:rgba(229, 54, 101, 0.9);-webkit-font-smoothing:antialiased;float:left;margin-top:30px;margin-left:30px;width:460px;background-color:transparent;" placeholder="Hello, let's talk together." id="input" autofocus autocomplete="off">
  13.  
  14. (take out the onkeydown attribute, since that doesn't pass the event argument properly)
  15.  
  16. And then add this line underneath the  donechat()  function definition:
  17.  
  18.     document.getElementById("input").addEventListener("keydown", donechat);
  19.  
  20.  
  21.  
  22. You also need to change the  donechat()  function definition from this:
  23.  
  24.     function donechat(){
  25.  
  26. to this:
  27.  
  28.     function donechat(event){
  29.  
  30. And then that issue is fixed!
  31.  
  32.  
  33.  
  34. There's also an issue with  callafterloading()  setting up an interval that keeps failing.
  35. Change this line:
  36.  
  37.     setInterval('if(countload < 410){ document.getElementById("finishloading").style.width=""+countload+"px";countload2 = countload2+0.002;countload = countload+countload2; }', '60');
  38.  
  39. to this:
  40.  
  41.     setInterval('if(countload < 410){ elem = document.getElementById("finishloading"); if(typeof elem !== "undefined" && elem !== null) { elem.style.width=""+countload+"px";countload2 = countload2+0.002;countload = countload+countload2; } }', '60');
  42.  
  43. (this will only run the  finishloading.style.etc  code if the finishloading div actually exists, which stops lots of errors that pop up)
  44.  
  45.  
  46.  
  47. The last thing I ran into was just none of the gradient backgrounds working properly on Firefox.
  48. This is just because it only defines -webkit-linear-gradient and doesn't define linear-gradient, but this is simple to fix.
  49.  
  50. To fix this, look through your code, and everywhere you find something like:
  51.  
  52.     background: -webkit-linear-gradient(color1, color2);
  53.  
  54. Copy it and add one also called linear-gradient, like such:
  55.  
  56.     background: -webkit-linear-gradient(color1, color2); background: linear-gradient(color1, color2);
  57.  
  58.  
  59. After you do that for all the gradients on the site, it looks fine under Firefox
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top