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 / Dynamic Document Stationery < prev    next >
Encoding:
Text File  |  2000-10-16  |  5.1 KB  |  189 lines  |  [TEXT/JyWs]
  1. <html>
  2. <head>
  3. <title>Dynamic Document</title>
  4.  
  5. <script language="JavaScript" type="text/javascript">
  6. <!--
  7. /*
  8.     Dynamic Document
  9.     Written by Jerry Aman, Optima System, Aug 2, 1996. 
  10.     Part of the PageSpinner distribution.
  11.  
  12.     Modified October, 2000
  13.  
  14.     We will not be held responsible for any unwanted 
  15.     effects due to the usage of this script or any derivative.  
  16.     No warrantees for usability for any specific application are 
  17.     given or implied.
  18.  
  19.     You are free to use and modify this script,
  20.     if the credits above are given in the source code
  21. */
  22.  
  23. // getHourOfDay()
  24. // Returns: Integer containing the hour 0-24
  25.  
  26. function getHourOfDay()
  27. {       var now = new Date();
  28.         return(now.getHours());
  29. }
  30.  
  31.  
  32. // getTime()
  33. // Returns: Text containing the time in the format HH:MM
  34.  
  35. function getTime()
  36. {       
  37.     var now = new Date();
  38.     var minutes = now.getMinutes();
  39.     var divider = ":";
  40.  
  41.     if (minutes<10)
  42.         divider = ":0";
  43.  
  44.         // Hack to get it to display the time 
  45.         // correctly in version 3.0, (adjust for offset)
  46.     if (navigator.appVersion.lastIndexOf('3.') != -1 && 
  47.         navigator.appName.lastIndexOf('Netscape') != -1)
  48.             return( now.getHours()-1 + divider + minutes );
  49.  
  50.         // Other versions may work with this ?    
  51.     return( now.getHours() + divider + minutes );
  52. }
  53.  
  54.  
  55. // isMacintoshBrowser()
  56. // Returns: Boolean value, true if the browser is running under MacOS
  57.  
  58. function isMacintoshBrowser()
  59. { 
  60.     return(navigator.appVersion.lastIndexOf('Mac') != -1 );
  61. }
  62.  
  63.  
  64. // sayHello ()
  65. // Inserts text dynamically in the document when it is called
  66. // Note that all text are dynamically inserted into the document
  67. // when a call to  this function are made in the BODY part of the file.
  68.  
  69. function sayHello ()
  70. {
  71.     document.write(    "I see that the time is <B>" + getTime() + "</B>, so I wish you" );
  72.  
  73.     if(getHourOfDay()<5 || getHourOfDay()>19)
  74.         document.write('<FONT COLOR="2C396D"> a good night!</FONT>');
  75.     else 
  76.     {
  77.         if ( getHourOfDay() <11) 
  78.         {
  79.             document.write('<FONT COLOR="52A553"> a good morning!</FONT>');
  80.         } 
  81.         else 
  82.         { 
  83.             document.write('<FONT COLOR="ED363C"> a good day!</FONT>');
  84.         }
  85.     }
  86. }
  87.  
  88. // -->
  89. </script>
  90.  
  91. </head>
  92. <body bgcolor=FFFFFF text=000000>
  93. <h1>JavaScript Dynamic Document</h1>
  94.  
  95. <p><b>This stationery page contains JavaScript that creates a dynamic page</b></p>
  96.  
  97. <p>Here is an example on how JavaScript can be used to provide a dynamic page that will change its contents depending upon the local time specified in the browser's system and the OS that is used by the reader.</p>
  98.  
  99.  
  100. <!-- 1) Let the reader know the browser ID used
  101.       (this is often logged by servers for keeping statistics) -->
  102.  
  103. <p>Welcome <b><script language="JavaScript" type="text/javascript">
  104. <!--
  105. document.write(navigator.userAgent)
  106. // -->
  107. </script></b>!</p>
  108.  
  109. <!-- 2) Tell the name of the browser used -->
  110.  
  111. <script language="JavaScript" type="text/javascript">
  112. <!--
  113. document.write("Nice to see that you use ", navigator.appName," ", navigator.appVersion, ".")
  114. // -->
  115. </script>
  116. <p>
  117.  
  118.  
  119. <!-- 3) Say something that depends upon the readers local time -->
  120. <!-- This is all done in the function sayHello -->
  121.  
  122. <script language="JavaScript" type="text/javascript">
  123. <!--
  124. sayHello()
  125. // -->
  126. </script>
  127.  
  128.  
  129. <!-- 4) Finally, say something special to the Mac OS users -->
  130.  
  131. <script language="JavaScript" type="text/javascript">
  132. <!--
  133.  
  134. if (isMacintoshBrowser())
  135.     document.write(
  136.     '<P><FONT COLOR="385FD1">Very, very nice to see that you are using MacOS!</FONT>'); 
  137. else
  138.     document.write(
  139.     '<P>Sad too see that you are not using a Mac to view this page.')
  140. // -->
  141. </script>
  142.  
  143. <hr>
  144. <b>How to use:</b><br>
  145. <p>Four small scripts are embedded inside the text contents of this file. The scripts are executed - and inserts text - when the page is being loaded. View the source file to see how this is done. Every function is commented.</p>
  146.  
  147. <p>
  148. Replace the contents inside the script with calls to your own test functions and add text you want to have displayed inside the <font color="FF3366"><code>document.write()</code></font> function in the script. It is recommended to create functions  for complex scripts and place these in the HEAD section, see the <tt>sayHello</tt> function for an example of this. </p>
  149.  
  150. <p>
  151. Make sure that all text is placed inside the <font color="FF3366"><code>document.write()</code></font> function, otherwise it will not look good on browsers that don't support JavaScript.</p>
  152.  
  153. <p>
  154. Edit this page or copy selected scripts to create your own dynamic page!</p>
  155.  
  156. <hr>
  157. <p>
  158. <b>Example code for the first dynamic text above:</b>
  159. <pre>Welcome <B><SCRIPT LANGUAGE="JavaScript">
  160. <!--
  161. document.write(navigator.userAgent)
  162. // -->
  163. </SCRIPT></B>!
  164. </pre>
  165.  
  166. <p>Note that the text "<b>Welcome !</b>" is the only text that will be displayed in browsers that don't support JavaScript.</p>
  167.  
  168. <hr>
  169. <p>
  170. <b>This function located in the HEAD section returns true if the browser is running on a Mac:</b></p>
  171.  
  172. <pre>function isMacintoshBrowser()
  173. { 
  174.   return(navigator.appVersion.lastIndexOf('Mac') != -1 );
  175. }
  176. </pre>
  177.  
  178. <p>The function can be used inside a script like this:</p>
  179.  
  180. <pre>if (isMacintoshBrowser())
  181.   document.write('Mac specific text...'); 
  182. else
  183.   document.write('Text for other platforms...')
  184. </pre>
  185.  
  186.  
  187. </body>
  188. </html>
  189.