Hi,

I tried to implement sortof "Previous/Next Event" Navigation
functionality by enhancing Timeband and EventSource classes. Here is
my code:

http://pastebin.ca/1318568

Simplest Usage:
Javascript:
//save the javascript from the link above to a js file and embed it
via <script>-tag
//after this line:
mytimeline = Timeline.create(document.getElementById("my-timeline"),
bandInfos);
//you have to add this line to enable navigation for the first
timeband
mytimeline.getBand(0).addEventCursor({show_bubble: true});

HTML:
<!-- add these lines after the timeline div in the html body-->
<button  title="show first event" onclick="mytimeline.getBand
(0).moveToFirstEvent(true);">&lt;&lt;</button>
<button  title="show previous event" onclick="mytimeline.getBand
(0).moveToPreviousEvent(true);">&lt;</button>
<button  title="show next event" onclick="mytimeline.getBand
(0).moveToNextEvent(true);">&gt;</button>
<button  title="show latest event" onclick="mytimeline.getBand
(0).moveToLatestEvent(true);">&gt;&gt;</button>

Your Feedback is highly appreciated!
I will put a more advanced example online once I can spare some
minutes.

Greetings,

Franz


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"SIMILE Widgets" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to