home *** CD-ROM | disk | FTP | other *** search
/ MacHome 2001 June / MacHome Magazine Demo Disc June 2001.iso / Stuff / Software / Graphic / PageSpinner 3.0.2 / Examples / JavaScript / Timed_Banner < prev    next >
Encoding:
Text File  |  2000-10-16  |  3.4 KB  |  133 lines  |  [TEXT/JyWs]
  1. <html><head>
  2. <title>JavaScript Banner</title>
  3.  
  4. <script language="JavaScript" type="text/javascript">
  5. <!-- 
  6. /* 
  7.     JavaScript Banner
  8.     Written by Jerry Aman, Optima System
  9.     Part of the PageSpinner distribution.
  10.  
  11.     We will not be held responsible for any unwanted 
  12.     effects due to the usage of this script or any derivative.  
  13.     No warrantees for usability for any specific application are 
  14.     given or implied.
  15.  
  16.     You are free to use and modify this script,
  17.     if the credits above are given in the source code
  18. */
  19.  
  20. var    timerID = null;
  21. var    timerRunning = false;
  22.  
  23. function stopclock()
  24. {
  25.     if(timerRunning)
  26.         clearTimeout(timerID)
  27.         timerRunning = false
  28. }
  29.  
  30. function startclock()
  31. {
  32.     stopclock()
  33.     showMessage()
  34. }
  35.  
  36.  
  37. var messageList = new msgList (
  38.     "Spin a Wonderful Web With PageSpinner!",
  39.     "PageSpinner can be yours for ONLY $30",
  40.     "Write JavaScript with PageSpinner!",
  41.     "Learn HTML with PageSpinner!",
  42.     "And tell PageSpinner to use...",
  43.     "AppleScript to automate tediuos tasks!",
  44.     "PageSpinner for Mac OS",
  45.     "ONLY $30",
  46.     "Get it now and...",
  47.     "Spin a Wonderful Web With PageSpinner!",
  48.     "Create Forms with PageSpinner!",
  49.     "Write JavaScript with PageSpinner!",
  50.     "Learn HTML with PageSpinner!",
  51.     "Publish Databases with AppleScript and ...",
  52.     "Create Cascading Style Sheets and ..."
  53.     );
  54.  
  55.  
  56. function GetNextMessage()
  57. {
  58.     messageList.selected ++;
  59.  
  60.     if ( messageList.selected >=  messageList.count)
  61.          messageList.selected = 0;
  62.  
  63.     return  messageList.list[messageList.selected];
  64. }
  65.  
  66.  
  67.  
  68. function msgList ()
  69. {
  70.     var argv = msgList.arguments;
  71.     var argc = argv.length;
  72.     this.list = new Object();
  73.     for (var i = 0; i < argc; i++)
  74.     this.list[i] = argv[i];
  75.     this.count = argc;
  76.     this.selected = -1;
  77.     return this;
  78. }
  79.  
  80.  
  81. /*    -------------------------------------------------
  82.     showMessage()
  83.     Display message in field named timerField in 
  84.     the form named timeForm 
  85.     -------------------------------------------------    */
  86.  
  87. function showMessage()
  88. {
  89.         // Update display every 2000 ms
  90.     document.timerForm.timerField.value =  " " + GetNextMessage ();
  91.     timerID = setTimeout("showMessage()",2000);
  92.     timerRunning = true;
  93. }
  94.  
  95. // -->
  96. </script>
  97.  
  98. </head>
  99. <body onLoad="startclock()" bgcolor="FFFFFF" text="000000">
  100. <h1>JavaScript Banner</h1>
  101.  
  102. <p><b>This page contains a JavaScript Banner Example</b></p>
  103.  
  104. <hr>
  105. <center><form name="timerForm" onSubmit="0">
  106. <input type="text" name="timerField" size=45 value ="">
  107. </form>
  108. <br>
  109. </center>
  110.  
  111. <hr>
  112. <p>
  113. <b>How to use:</b></p>
  114. <blockquote>
  115. <p>Copy all JavaScript (located in the Head section of this file) to another file. You can also use this file as a stationery. </p>
  116. <p>
  117. Use the following Body tag <code><BODY  onLoad="startclock()"></code> to start the timer that is used for updating the field with new messages.</p>
  118. <p>
  119. Use something like this inside the Body  part of your page to display the banner.</p>
  120.  
  121. <pre><FORM NAME="timerForm" onSubmit="0">
  122. <INPUT TYPE="text" NAME="timerField" SIZE=45 VALUE ="">
  123. </FORM>
  124. </pre>
  125.  
  126. <p>
  127. Adjust the size of the text field in the attribute named <code>SIZE=40</code>, remember to add some extra space or test it in different browsers to make sure the longest of your messages is fully visible.</p>
  128. </blockquote>
  129.  
  130. <p>Another way of displaying different messages is to use animated GIF-images. This will give you more graphical control of the display and can even be used to create simple movies. Use an application such as GIFBuilder to create animated GIF-images.</p>
  131. </body>
  132. </html>
  133.