title: Blinking text in a textarea field
body: <p>I have a text area in a 404 page on my website that is a monologue from the webserver to the user. This text uses a <code>|</code> character to represent the 'cursor' position in the monologue. Unfortunately, this character does not blink. After googling around and finding <a href="http://en.wikipedia.org/wiki/Blink_element#Implementation" rel="nofollow">http://en.wikipedia.org/wiki/Blink_element#Implementation</a>, I tried adding it to the page, but when I put the tags around the <code>|</code>, it shows as a literal instead of being interpreted.</p>
  
  <p>The function for displaying the text is</p>
  
  <pre><code>      function type_text()
    {
      contents='';
      row=Math.max(0,index-7);
      while(row &lt; index)
      {
        contents += tl[row++] + '\r\n';
      }
      document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "&lt;blink&gt;|&lt;/blink&gt;";
      if(text_pos++==str_length)
      {
        text_pos=0;
        index++;
        if(index!=tl.length)
        {
          str_length=tl[index].length;
          setTimeout("type_text()",1500);
        }
      } else
        setTimeout("type_text()",speed);
    }
  </code></pre>
  
  <p>This is of course in Javascript.</p>
  
  <p>I used this to script the <code>&lt;blink&gt;</code> tags:</p>
  
  <pre><code>function blink() 
  {
      var blinks = document.getElementsByTagName('blink');
      for (var i = blinks.length - 1; i &gt;= 0; i--) 
      {
          var s = blinks[i];
          s.style.visibility = (s.style.visibility === 'visible') ? 'hidden' : 'visible';
      }
  window.setTimeout(blink, 500);
   }
  
    if (document.addEventListener) document.addEventListener("DOMContentLoaded", blink, false);
    else if (window.addEventListener) window.addEventListener("load", blink, false);
    else if (window.attachEvent) window.attachEvent("onload", blink);
    else window.onload = blink;
  </code></pre>
  
  <p>If it helps at all, my page can be found here: <a href="http://paradoxwow.com/404.shtml" rel="nofollow">http://paradoxwow.com/404.shtml</a> I have a 'Test' message blinking in the bottom left, but the <code>|</code> won't blink.</p>
  
  <p>Thanks ahead.</p>