Hey There!

So you need some help? Check the Dipity forum on our home page first, and feel free to ask a question if you need to. Don't be shy!

Thanks for using Dipity. -- Derek

Piping hot features fresh out of the oven!

Release Date: 18 Mar 2008
Release Date: 16 Jan 2008
  • Event Scoring -- Control what the "top" events are on your timeline.
  • Cleaner, lighter interface
Release Date: 20 Dec 2007
  • Profile info (Birthday, High School / College Graduation, Work etc.) now on timeline
  • Zoom control moved from dropdown in lower-left to slider in upper-left
  • Improved zooming action
  • Use friend profile pictures in the event popup connections box
  • 'Now' button added to 'Create Event'
Release Date: 13 Dec 2007
  • New messages for minifeed and notifications on Facebook
  • Red 'Give Us Feedback' link added
  • 'Create Event' is pre-filled with current date / time and not 'Now'
Release Date: 5 Dec 2007
  • Fixed problem with 'Quick Add'
  • New timeline UI improvements 'skinny bars'
  • Flags on timelines instead of dots
  • Friends can now be 'connected' to events
  • Dequantized events - Don't ask, it's really geeky, but it's better now ;)
Release Date: 4 Dec 2007
  • Fixes for IE timeline loading
  • Improved performance of 'Recent Connections' on Dipity Home
  • Enhanced 'Recent' calculation on Dipity Home
  • Improved dragging in timeline

Timelines

How do I add events to a timeline?
Simply click the 'Create Event' button in the upper right above the timeline and a window should be displayed that allows you to enter in the name of the event and the day and time the event took place.
What other type of 'events' can I add?
Each event can have a text description, an image, a Google map, a link to another webpage or a video from Google Video or YouTube.
Some of the photos and events can't be edited, what gives?
Some of the data used to build your timeline is 'read-only' right now, we're working on ways to let you edit them to fix the date and time of a photo or event. Look for this fix in the next 1-2 weeks.

Embedding Guide

NOTE: As of June 6, Dipity embeds are now handled using an <iframe> tag. The older <script> tag method will still work, but we like this newer way better. Anyhow, if you're using the script tag still, here ya go...

Dipity allows for customization of the embedded timeline using Javascript. This is accomplished by defining a variable called "dipity_options", which is an associative array (key/value pairs) of settings for the embedder.

For instance, if you want to embed the Beastie Boys timeline at 500px wide by 320px high, use this code:

<script>
  var dipity_options = {
    width:"500",
    height:"320"
  };
</script>
<script src="http://www.dipity.com/timeline/Beastie_Boys/embed"></script>

This is the full set of keys you can use with dipity_options:

width
Number of pixels wide to make the embed
height
Number of pixels high to make the embed
border
This is a CSS style definition for the border around the embed. For example:
"1px solid black"
zoom
Default zoom level. For example, to display 10 years of data in the width of the embed, use the value "10y". Allowable values are:
1day 7day 1mon 3mon 6mon 1yr 5yr 10yr 25yr 50yr 100yr
timestamp
Default time/date. This is expressed as a UNIX timestamp, or the number of seconds elapsed since midnight, January 1, 1970 UTC.
eid
Event ID - Default event to display (pop-up) when loading the timeline. You can find the EID by clicking an event on the timeline and use Firebug or similar software to see the "eid" param of the resulting AJAX request.

Here is an example of an embed using all of the available options:

<script>
  var dipity_options = {
    width:"500",
    height:"320",
    border:"1px dotted blue",
    zoom:"50yr",
    timestamp:"614800000", // Jun 25, 1989
    eid:"frb*9202a8c04000641f80000000031554d1" // Paul's Boutique Album
  };
</script>
<script src="http://www.dipity.com/timeline/Beastie_Boys/embed"></script>