New Timeline | New Event | for tl-id=
(Data: timeline-data-str.xml | timeline-data-str.asp | timeline-KOAH.xml)
LOAD: timeline-KOAH.xml | timeline-telgraf.xml | asp-with-static-string | asp-with-db
= | |
Here comes the div (id="my-tl"):
This local test page gets the javascripts locally. Here is the version using scripts at "". Also, there is an ALL-LOCAL page with 3 bands.
These old-MIT and new-Google -and both poor- documentations are about Timeline software which is a part of MIT Simile Web Widgets project.
The code was moved from the MIT Simile repository over Google Code.
Further info can be found in Timeline wiki, Timeline_Class description (wiki), and Timeline Documentation (begin with How to Create Timelines).
The original JFK example demonstrates many nice features like zones, css management, etc. Study its source.
See also a nice usage:
Eski (v.1.0) için notlar:
- "...timeline\api\scripts\l10n\tr" klasörü yoktu, ekledim,
- "...timeline\api\timeline-api.js"de supportedLocales içinde "tr" yoktu, ekledim.
var desiredLocales = [ "tr" ]; ve var defaultServerLocale = "tr" yaptım.
Adding a day label with your month when your interval unit are days.
1. Edit \scripts\l10n\tr\labellers.js file, add:
    Timeline.GregorianDateLabeller.dayNames["tr"] = ["Pt", "Sa", "Ça", "Pe", "Cu", "Ct", "Pa"];
2. Edit \scripts\labellers.js file, under getMonthName function add this function:
    Timeline.GregorianDateLabeller.getDayName = function(day, locale){return Timeline.GregorianDateLabeller.dayNames[locale][day];}
3. find the defaultLabelInterval function in the \scripts\labellers.js, modify the Timeline.DateTime.DAY case in the switch to the following:
    text = Timeline.GregorianDateLabeller.getDayName( date.getDay() , this._locale) + ", " + Timeline.GregorianDateLabeller.getMonthName(date.getUTCMonth(), this._locale) + " " + date.getUTCDate();