45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
|
var tl;
|
||
|
|
var date = "Nov 22 2007 13:00:00";
|
||
|
|
var theme = Timeline.ClassicTheme.create();
|
||
|
|
theme.event.label.width = 250; // px
|
||
|
|
theme.event.bubble.width = 250;
|
||
|
|
theme.event.bubble.height = 200;
|
||
|
|
|
||
|
|
window.onload=function() {
|
||
|
|
var eventSource = new Timeline.DefaultEventSource();
|
||
|
|
var bandInfos = [
|
||
|
|
Timeline.createBandInfo({
|
||
|
|
width: "70%",
|
||
|
|
intervalUnit: Timeline.DateTime.MONTH,
|
||
|
|
eventSource: eventSource,
|
||
|
|
date: date,
|
||
|
|
intervalPixels: 100,
|
||
|
|
theme: theme
|
||
|
|
}),
|
||
|
|
Timeline.createBandInfo({
|
||
|
|
width: "30%",
|
||
|
|
intervalUnit: Timeline.DateTime.YEAR,
|
||
|
|
eventSource: eventSource,
|
||
|
|
date: date,
|
||
|
|
overview: true,
|
||
|
|
intervalPixels: 200,
|
||
|
|
theme: theme
|
||
|
|
})
|
||
|
|
];
|
||
|
|
bandInfos[1].syncWith = 0;
|
||
|
|
bandInfos[1].highlight = true;
|
||
|
|
|
||
|
|
tl = Timeline.create(document.getElementById("tl"), bandInfos);
|
||
|
|
tl.loadXML("/heihetime.xml", function(xml, url) {
|
||
|
|
eventSource.loadXML(xml, url);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var resizeTimerID = null;
|
||
|
|
window.onresize=function() {
|
||
|
|
if (resizeTimerID == null) {
|
||
|
|
resizeTimerID = window.setTimeout(function() {
|
||
|
|
resizeTimerID = null;
|
||
|
|
tl.layout();
|
||
|
|
}, 500);
|
||
|
|
}
|
||
|
|
}
|