FP97: How to Create a Scrolling Message in Browser's Status Bar

MORE INFORMATION

Microsoft provides programming examples for illustration only, without warranty either expressed or implied. This includes, but is not limited to, the implied warranties of merchantability or fitness for a particular purpose. This article assumes that you are familiar with the programming language that is being demonstrated and with the tools that are used to create and to debug procedures. Microsoft support engineers can help explain the functionality of a particular procedure, but they will not modify these examples to provide added functionality or construct procedures to meet your specific requirements.

Example 1

NOTE: Before you insert the JavaScript code, remove the following code:

   <SCRIPT>
   <!--
   </SCRIPT>
   //-->
				

Insert the following script into your normal HTML Web page:

   <SCRIPT LANGUAGE="JavaScript">
   <!--
   // Scrolling text string.
   var scrollString = "Replace this string with your text."

   // Width of the scrolling area.
   var width = 120;

   var stringLength = scrollString.length;
   var pos = 1 - width;
   // Start far enough to the left so that only one letter shows.

   function ScrollMessage(){
      var ScrollMessage = "";
   // Initialize the string to be printed.

       pos++;
   // Move to the right in the string.

       if (pos == stringLength)
   // Start over if the string is done.

       pos = 1 - width;
   // Scrolling

       if (pos<0) {
   // Add spaces to beginning if necessary.

           for (var i=1; i<=Math.abs(pos); i++)
               ScrollMessage = ScrollMessage + " ";
   ScrollMessage = ScrollMessage;
      + scrollString.substring(0, width;
      - i + 1);
    }
   else
   ScrollMessage = ScrollMessage;
      + scrollString.substring(pos, pos +;
   width);
   window.status = ScrollMessage;
   // Print the string.

       setTimeout("ScrollMessage()",100);
   // Repeat after 1/10 second.
   }

   //-->
   </SCRIPT>
				

In order for the message to function, modify the <BODY> tag so that it looks like this:

   <BODY OnLoad="ScrollMessage()">
				

Example 2

To add JavaScript to a FrontPage Web page, follow these steps:

1. Start FrontPage Editor.
2. On the Insert menu, click Script.
3. Under Language, click JavaScript.
4. In the Script box, type the following code.
   
   NOTE: You can modify the values for strText and intSpeed to specify your own message and scrolling preferences.

         var strText="This is a scrolling message!";
         var intText=strText.length;
         var intSpeed=25;
         var intWidth=100;
         var intPos=1-intWidth;
   
         function scroll()
         {
           intPos++;
           var strScroll="";
           if (intPos==intText)
           {
             intPos=1-intWidth;
           }
           if (intPos<0)
           {
             for (var i=1; i<=Math.abs(intPos); i++)
             {
               strScroll=strScroll+" ";
             }
             strScroll=strScroll+strText.substring(0, intWidth-i+1);
           }
           else
           {
           strScroll=strScroll+strText.substring(intPos,intWidth+intPos);
           }
           window.status = strScroll;
           setTimeout("scroll()", intSpeed);
         }
   						

5. Click OK.
6. On the Insert menu, click Script.
7. Click Script Wizard.
8. Click List View.
9. In the Event pane, expand the Window event, and then click the onLoad event.
10. In the Action pane, expand Procedures, and then click Scroll.
11. Click Insert Action.
12. Click OK.
13. On the File menu, click Save.