JavaScript notes

Date/Time stamp script (each page)

Include the following code in your html file


                      <!-- Begin include date/time stamp script  -->                                                

                      <script src="../js/timestamp.js" type="text/javascript" language="JavaScript"></script> 

                      <!-- End include date/time stamp script    -->

Create a js directory with the same parent as your html file. In that directory create a java script file (timestamp.js) containing the following code:

                          
                      <!-- Begin Javascript chalanged browser hide                                         

                      var dateObj = new Date(document.lastModified)                                           

                      var month   = dateObj.getMonth() + 1                                                    

                      var day     = dateObj.getDate()                                                         

                      var year    = dateObj.getYear()                                                         

                      if (year < 1000 )  var year = year + 1900                                            

                      var hours   = dateObj.getHours()                                                        

                      var minutes = dateObj.getMinutes()                                                      

                      var seconds = dateObj.getSeconds()                                                      

                      Hours   = (hours   < 10 ? "0" : "") + hours                                          
 
                      Minutes = (minutes < 10 ? "0" : "") + minutes                                        
 
                      Seconds = (seconds < 10 ? "0" : "") + seconds                                        

                      document.writeln("<b /><font face='arial, helvetica' size='1' color='red'>"); 

                      document.write("Last update: ");                                                        

                      document.write(month + "/" + day +"/" + year);                                          

                      document.write(" @ " + Hours + ":" + Minutes +  ":" + Seconds);                         
                                          
                      document.writeln("</font></b>");                                               

                      document.writeln("<br />");                                                       

                      // End Javascript chalanged browser hide -->

Drop down navigation menu (index and links/websearch)

Include the following code in your html file (head section)


                      
<!-- Begin drop down navigation menu script  -->                                             
                      
<script type="text/javascript" language="JavaScript">
                      
function formHandler(form)
                      
{
                      
var URL = document.form.site.options[document.form.site.selectedIndex].value;
                      window.location.href = URL;
                      
}  
                      
</script>
                      
<!-- End drop down navigation menu script    -->

Add the following xhtml statements in the body of your html/xhtml file.

                          
                      
<!-- Begin dropdown Navigation form -->                                       
                      
<form name="form" action=".">                                           
                      
<select name="site" size="1">                                                    
                      
<option value="#top"> Within this site...</option>                                                          
                      
<optgroup label="In This Site" >
                      
<option value="../index.html">Home</option>
                      
<option value="../links/links.html">Links Index</option>
                      
<option value="../notes/notebook.html">Notebook</option>
                      
<option value="../tools/index.html">Tools</option>
                      
</optgroup>                                             
                      
<optgroup label="Other Sites" >
                      
<option value="http://www.yahoo.com">Yahoo</option>
                      
<option value="http://www.lycos.com">Lycos</option>                                          
                      
</optgroup>                                                        
                      
</select>
                      
<input type="button" value="Go!" size="38" onclick="javascript:formHandler(this)" />
                      
</form>            
                      
<!-- End dropdown Navigation form -->

Java Script

Date/Time stamp script (each page)

Include the following code in your html file

Create a js directory with the same parent as your html file. In that directory create a java script file (timestamp.js) containing the following code:

Drop down navigation menu (index and links/websearch)

Include the following code in your html file (head section)

Add the following xhtml statements in the body of your html/xhtml file.