Typing text

http://dynamicdrive.com/dynamicindex10/text5.htm

I can't seem to get this animation to work on FireFox. I works on Windows and other browsers but not on FX. What am I don't wrong.

By the way I love the site. I was just introduced to it a week ago. Great job with the website.

Radio,

Quote:

---

I can't seem to get this animation to work on FireFox.

---

Quote:

---

Originally Posted by supported browsers

IE5+ Opr7+

---

That's why.

Thanks, Twey

Is there a way I can make it work on FireFox.

radio

I have rewritten this script to use much more compliant functions. Use as the old version. Tested in Firefox v1.0.7, Opera v8, Konqueror v3.2.1, and IE v6.

Code:

---

<small><span id="typing">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Phasellus risus nisl, vehicula in, hendrerit vitae, iaculis vel, nisl. Praesent rhoncus
semper velit. Ut sed nunc. Proin id metus eget neque consectetuer semper. Donec
consectetuer auctor nisl. Sed metus. Sed eu felis. Sed accumsan bibendum leo. Mauris
accumsan dapibus odio. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Integer sodales dui ac justo.<br/><br/>
Donec ante nulla, suscipit quis, pharetra id, consectetuer non, magna. Phasellus viverra
lobortis eros. Integer eu arcu. Praesent accumsan nunc ac ante mollis cursus. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aenean volutpat enim vitae turpis. Vestibulum sit amet nunc. Maecenas nunc turpis,
cursus eu, vulputate sed, pretium id, urna. Suspendisse potenti.</span></small>

<script type="text/javascript">

/*
Typing Text Script
Last updated: 18/11/05
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
hundreds more DHTML scripts, and Terms Of
Use, visit http://www.dynamicdrive.com/.

Rewritten by Twey to be compatible with Firefox
(and now Konqueror and presumably Safari).
The script will strip all HTML tags from the text, but
non-supporting browsers won't.  This will allow you to
hide the text or display differently on such browsers.
*/

interval = 100; // Interval in milliseconds to wait between characters

if(document.getElementById) {
  t = document.getElementById("typing");
  if(t.innerHTML) {
    typingBuffer = ""; // buffer prevents some browsers stripping spaces
    it = 0;
    mytext = t.innerHTML;
    t.innerHTML = "";
    typeit();
  }
}

function typeit() {
  mytext = mytext.replace(/<([^<])*>/, "");    // Strip HTML from text
  if(it < mytext.length) {
    typingBuffer += mytext.charAt(it);
    t.innerHTML = typingBuffer;
    it++;
    setTimeout("typeit()", interval);
  }
}
</script>

---

Hi Trey:
Thanks for the code. I'll do some testing on it, and if all is well, update the script with your changes.

Thanks!

George

I have inserted this script into a test page, and I was wondering if there is a way to make the text repeat until the page is closed?

Please advise!

AJRussell

Try:

Code:

---

<small><span id="typing">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Phasellus risus nisl, vehicula in, hendrerit vitae, iaculis vel, nisl. Praesent rhoncus
semper velit. Ut sed nunc. Proin id metus eget neque consectetuer semper. Donec
consectetuer auctor nisl. Sed metus. Sed eu felis. Sed accumsan bibendum leo. Mauris
accumsan dapibus odio. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Integer sodales dui ac justo.<br/><br/>
Donec ante nulla, suscipit quis, pharetra id, consectetuer non, magna. Phasellus viverra
lobortis eros. Integer eu arcu. Praesent accumsan nunc ac ante mollis cursus. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aenean volutpat enim vitae turpis. Vestibulum sit amet nunc. Maecenas nunc turpis,
cursus eu, vulputate sed, pretium id, urna. Suspendisse potenti.</span></small>

<script type="text/javascript">

/*
Typing Text Script
Last updated: 18/11/05
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
hundreds more DHTML scripts, and Terms Of
Use, visit http://www.dynamicdrive.com/.

Rewritten by Twey to be compatible with Firefox
(and now Konqueror and presumably Safari).
The script will strip all HTML tags from the text, but
non-supporting browsers won't.  This will allow you to
hide the text or display differently on such browsers.
*/

interval = 100; // Interval in milliseconds to wait between characters

if(document.getElementById) {
  t = document.getElementById("typing");
  if(t.innerHTML) {
    typingBuffer = ""; // buffer prevents some browsers stripping spaces
    it = 0;
    mytext = t.innerHTML;
    t.innerHTML = "";
    typeit();
  }
}

function typeit() {
  mytext = mytext.replace(/<([^<])*>/, "");    // Strip HTML from text
  if(it < mytext.length) {
    typingBuffer += mytext.charAt(it);
    t.innerHTML = typingBuffer;
    it++;
    setTimeout("typeit()", interval);
  } else {
    t = document.getElementById("typing");
    if(t.innerHTML) {
      typingBuffer = ""; // buffer prevents some browsers stripping spaces
      it = 0;
      mytext = t.innerHTML;
      t.innerHTML = "";
      typeit();
    }
  }
}
</script>

---

Untested.

Thank you.

That worked great. And, thank you for responding so quickly.

AJRussell :)

Hi just thought i would add that you can easily use this as an external js file by encasing the if(document.getElementById){ part in a function and call it at the end of your document to check all using it.

This Script is amazing i love it.... there is something els i was wondering about also..... some sort of tweak or what not...

I was wondering if you can Make the Text Pause for an X-amount of time before it continues to the next line.. just to make it look as if someone is acctually typing on the other end hehehe... thanks.