MIT Ajax Script : SIMILE Timeline - Exemple: Religion Timelines: Jewish History + Christianity Histo


	MIT Ajax Script : SIMILE Timeline - Exemple: Religion Timelines: Jewish History + Christianity Histo

iliasben

7-30-2007 4:48 PM

485 views

tags:

ajax, crea, php, timeline

iliasben says:

Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information. Below is a live example that you can play with. Pan the timeline by dragging it horizontally.

----
http://simile.mit.edu/timeline/
-----

The Life of Monet: a simple timeline showing the life of Monet.

JFK Assassination timeline: a minute by minute development when John F. Kennedy got shot on November 22nd, 1963 in Dallas.

Jewish History: 2000 years in length.

Christianity Timeline: from Anno Domini to 2006, 570 events altogether.

Religion Timelines: recommended to be viewed on a huge monitor, mashing the Jewish history with the Christianity timeline together to be seen side-by-side.

Cubism: demonstrating the use of JSON, thanks to Juan Manuel Caicedo.

Dinosaurs: recommended to be viewed on a huge monitor, showing Timeline working geological scale events. (Note that the Geochrono extension used here is still incomplete.)

Add a Comment

Login to Comment. Not a member yet? Sign up

View the Top Clips from July 30, 2007

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/e7cc78a9-ae75-43fc-abfd-8ebef6f0f410/B0891665-27C2-4752-90E4-7A385501A8E5/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://simile.mit.edu/timeline/examples/religions/religions.html" href="http://simile.mit.edu/timeline/examples/religions/religions.html" style="font-size: 11px;">simile.mit.edu</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/examples/religions/religions.html"><H1>Religion Timelines: Jewish History + Christianity History</H1></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/examples/religions/religions.html"><P>Sources:
        <A href="http://en.wikipedia.org/wiki/Timeline_of_Jewish_history">Timeline of Jewish history (Wikipedia)</A>,
        <A href="http://en.wikipedia.org/wiki/Timeline_of_Christianity">Timeline of Christianity</A>.
        The Jewish timeline (top) contains <SPAN id="jewish-event-count">170</SPAN> events while 
        the Christianity timeline contains <SPAN id="christianity-event-count">560</SPAN> events.
        Titles of events have been phrased by David Huynh, author of this timeline example.
        The phrasing might not be of journalistic quality. The information in this example
        should not be used as an official source.
    </P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/examples/religions/religions.html"><DIV class="timeline-band-layer-inner" name="events"><DIV></DIV><DIV>Canonicalization of Tanakh</DIV><DIV></DIV><DIV>Christianity splits from Judaism</DIV><DIV></DIV><DIV>Destruction of Second Temple</DIV><DIV></DIV><DIV>Period of the Tannaim</DIV><DIV><IMG src="http://simile.mit.edu/timeline/api/images/dull-blue-circle.png" />Fall of Masada</DIV></DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/examples/religions/religions.html"><DIV class="timeline-band-layer-inner" name="events"><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV></DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/examples/religions/religions.html"><DIV id="christianity-controls" class="controls">
    <TABLE><TBODY><TR><TD>Filter:</TD><TD>Highlight:</TD></TR><TR><TD><INPUT type="text" /></TD><TD><INPUT type="text" /><DIV></DIV></TD><TD><INPUT type="text" /><DIV></DIV></TD><TD><INPUT type="text" /><DIV></DIV></TD><TD><INPUT type="text" /><DIV></DIV></TD><TD><BUTTON>Clear All</BUTTON></TD></TR></TBODY></TABLE></DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/examples/religions/religions.html"><TABLE><TBODY><TR><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">1 AD</A></TD><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">250 AD</A></TD><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">500 AD</A></TD><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">750 AD</A></TD><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">1000 AD</A></TD><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">1250 AD</A></TD><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">1500 AD</A></TD><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">1750 AD</A></TD><TD><A href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">2000 AD</A></TD></TR></TBODY></TABLE></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/examples/religions/religions.html"><TABLE><TBODY><TR><TD>Filter:</TD><TD>Highlight:</TD></TR><TR><TD><INPUT type="text" /></TD><TD><INPUT type="text" /><DIV></DIV></TD><TD><INPUT type="text" /><DIV></DIV></TD><TD><INPUT type="text" /><DIV></DIV></TD><TD><INPUT type="text" /><DIV></DIV></TD><TD><BUTTON>Clear All</BUTTON></TD></TR></TBODY></TABLE></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://simile.mit.edu/timeline/examples/religions/religions.html"><DIV class="timeline-band-layer-inner" name="events"><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV><DIV></DIV></DIV></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/B0891665-27C2-4752-90E4-7A385501A8E5/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Related Clips

More clips from iliasben

Today's Top Clips