0
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
0
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
0
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
0
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
0
+ <title>Timeframe</title>
0
+ <link rel="stylesheet" href="stylesheets/timeframe.css" type="text/css" media="screen" title="timeframe" charset="utf-8"/>
0
+ <div id="page_container">
0
+ <h1><a href="http://github.com/stephencelis/timeframe">Timeframe</a><small>, by Stephen Celis</small></h1>
0
+ <em>Click-draggable. Range-makeable. A better calendar.</em>
0
+ new Timeframe(element, options);
0
+ <dt><code>calendars</code></dt>
0
+ <dd>The number of calendar months showing at once (default: <code>2</code>).</dd>
0
+ <dt><code>format</code></dt>
0
+ <dd>The <a href="http://developer.apple.com/documentation/Darwin/Reference/ManPages/man3/strftime.3.html">strftime</a> format for the dates in the input fields (default: <code>%b %d, %Y</code>).</dd>
0
+ <dt><code>weekoffset</code></dt>
0
+ <dd>The weekday offset (use <code>1</code> to start the week on Monday).</dd>
0
+ <dt><code>startfield</code>, <code>endfield</code></dt>
0
+ <dd>Declare the range start and end <code>input</code> tags (by default, these are generated with the timeframe).</dd>
0
+ <dt><code>previousbutton</code>, <code>todaybutton</code>, <code>nextbutton</code>, <code>resetbutton</code></dt>
0
+ <dd>Declare the navigational buttons (by default, these are also generated with the timeframe).</dd>
0
+ The <code>startfield</code> and <code>endfield</code> are parsed with <code>Date.parse()</code>, so feel free to use <a href="http://datejs.com/">Datejs.js</a> for ninja-quick date-parsing.
0
+ <ul id="calendar_navigation">
0
+ <li><a href="#" onclick="return false;" id="previous">←</a></li>
0
+ <li><a href="#" onclick="return false;" id="today">T</a></li>
0
+ <li><a href="#" onclick="return false;" id="next">→</a></li>
0
+ <div id="calendars"></div>
0
+ <div id="calendar_form">
0
+ <label for="start">Embarkation</label> and <label for="end">return</label> (<a href="#" id="reset">reset</a>):
0
+ <input type="text" name="start" value="" id="start"/>
0
+ <input type="text" name="end" value="" id="end"/>
0
+ Generated from this code (see the source for more detail):
0
+ <script type="text/javascript" charset="utf-8">
0
+ new Timeframe('calendars', {
0
+ startfield: 'start',
0
+ endfield: 'end',
0
+ previousbutton: 'previous',
0
+ todaybutton: 'today',
0
+ nextbutton: 'next',
0
+ resetbutton: 'reset' });
0
+ <h2>Contact/contribution:</h2>
0
+ Timeframe is open source and available for forking, pushing, and pulling at <a href="http://github.com">Github</a>:
0
+ <a href="http://github.com/stephencelis/timeframe">http://github.com/stephencelis/timeframe</a>
0
+ Contact me with questions/comments at
0
+ <script type="text/javascript">
0
+"<n uers=\"znvygb:fgrcura\100fgrcurapryvf\056pbz\">fgrcura\100fgrcurapryvf\056pbz<\057n>".replace(/[a-zA-Z]/g, function(c){return String.fromCharCode((c<="Z"?90:122)>=(c=c.charCodeAt(0)+13)?c:c-26);}));
0
+ Learn more about me at <a href="http://stephencelis.com">http://stephencelis.com</a>.
0
+ Copyright © 2008 Stephen Celis. Provided under the MIT License.
0
+ <script type="text/javascript" charset="utf-8" src="scripts/prototype.js"></script>
0
+ <script type="text/javascript" charset="utf-8" src="../timeframe.js"></script>
0
+ <script type="text/javascript" charset="utf-8">
0
+ new Timeframe('calendars', {
0
+ previousbutton: 'previous',
0
+ resetbutton: 'reset' });
0
\ No newline at end of file