Page 1 of 3 123 LastLast
Results 1 to 10 of 23

Thread: Typing text

  1. #1
    Join Date
    Nov 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default 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,

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    I can't seem to get this animation to work on FireFox.
    Quote Originally Posted by supported browsers
    IE5+ Opr7+
    That's why.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Nov 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, Twey

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

    radio

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    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>
    Last edited by Twey; 11-18-2005 at 05:40 PM. Reason: Made to work with Konqueror (and presumably Safari), which strips leading and trailing spaces from innerHTML.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  5. #5
    Join Date
    Aug 2004
    Posts
    9,889
    Thanks
    3
    Thanked 964 Times in 953 Posts
    Blog Entries
    15

    Default

    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

  6. #6
    Join Date
    Jan 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Another Q about Typing Text script

    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

  7. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    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.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  8. #8
    Join Date
    Jan 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Scrolling until . . .

    Thank you.

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

    AJRussell

  9. #9
    Join Date
    Feb 2006
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  10. #10
    Join Date
    May 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •