DevX Home    Today's Headlines   Articles Archive   Tip Bank   Forums   

Results 1 to 3 of 3

Thread: scrolling status bar message

  1. #1
    Join Date
    Jun 2005
    Posts
    2

    scrolling status bar message

    How do I modify the following JavaScript ScrollMessage function code so that the text in the status bar scrolls from left-to-right (instead of right-to-left)?

    <html>
    <head>
    <title>Scrolling Message</title>
    <script language="JavaScript">
    msg = "Hey Angels, your fifteen minutes of fame are just about over";
    spacer = " >> << ";
    pos = 0;
    function ScrollMessage() {
    window.status = msg.substring(pos, msg.length) + spacer +
    msg.substring(0, pos);
    pos++;
    if (pos > msg.length) {
    pos = 0;
    }
    window.setTimeout("ScrollMessage()",200);
    }
    ScrollMessage();
    </script>
    </head>

    <body>
    <h1>Scrolling Message</h1>
    Look at the status bar to read a scrolling message,
    but not for too long; or you'll go blind.
    </body>
    </html>

  2. #2
    Join Date
    Dec 2003
    Location
    tx/us
    Posts
    131
    Javascript is not Java but there's a Javascript forum on WebDeveloper.com where you could ask this question.

  3. #3
    Join Date
    Aug 2003
    Posts
    313
    The way that those scripts work is by appending space to the beginning of the string. So to scroll "Hello World" around, you would set the text to first be:
    Code:
    "Hello World"
    " Hello World"
    "  Hello World"
    "   Hello World"
    "    Hello World"
    "     Hello World"
    "      Hello World"
    "       Hello World"
    To modify the script you can just increase the amount of space, e.g.
    Code:
    var message = "Hello World!";
    var spaces = "";
    function scrollMessage() {
      spaces = spaces + " ";
      window.status =  spaces + message;
      if( spaces.length > 50 ) spaces = "";
      window.setTimeout("ScrollMessage()",200);
    }
    I don't do javascript very often, so this might not be perfect, but I hope it helps anyways.
    ~evlich

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center
 
 
FAQ
Latest Articles
Java
.NET
XML
Database
Enterprise
Questions? Contact us.
C++
Web Development
Wireless
Latest Tips
Open Source


   Development Centers

   -- Android Development Center
   -- Cloud Development Project Center
   -- HTML5 Development Center
   -- Windows Mobile Development Center