Code snippets for http://ryanfunduk.com/web-dynamism-2

1.html

<div id="footer"></div>

2.py

#!(path-to-python, eg. /usr/bin/python)
# get_timestamp.py
#  A very simple CGI script that, given a path to a file,
#  will return a timestamp of the last modified date/time.

import cgi
from os       import getcwd
from os.path  import getmtime, join
from datetime import datetime
from time     import localtime

TIMEZONE = -5

data = cgi.FieldStorage()

if data.has_key( 'file' ):
  filename = join( getcwd(), data['file'].value )
  modified = datetime.fromtimestamp( getmtime( filename ) + \
                                     ( TIMEZONE * 3600 ) )

  print "Content-Type: text/plain\r\n\r\n"
  print "This file last modified on " + \
        modified.strftime( "%B %d, %Y at %I:%M %p EST" )

3.js

function get_timestamp( filename, element ) {
  $.ajax( {
    type: 'get',
    url: '/cgi-bin/get_timestamp.py',
    data: 'file=../' + filename,
    success: function( result ) {
      element.html( result );
    }
  } );
}

4.html

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/common.js"></script>

5.html

<script type="text/javascript">
  $(document).ready( function () {
    get_timestamp( 'index.html', $('#footer') );
  } );
</script>

6.js

$('#links li a').each( function () {
  var file = $(this).attr( 'href' ).slice( 1 );
  span = $("<span id='" + file + "'>&nbsp;</span>" );
  $(this).after( span );
  get_timestamp( file, span );
} );