iMer
21.11.2009, 15:20
Hallo Leute,
zurzeit arbeite ich mit Timeline von Smile.
Ich möchte aber da noch ein paar sachen ändern.
In der Minutenleiste werden alle Minuten angezeigt, also 1,2,3 ... 59. Es sollen aber nur alle 15 Minuten angezeicgt werden (0,15,30,45, ..). Über eine hilfe wäre ich sehr erfreut.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script src="http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js?bundle=true" type="text/javascript"></script>
<script type="text/javascript">
function onLoad() {
var eventSource = new Timeline.DefaultEventSource();
var bandInfos = [
Timeline.createBandInfo({
eventSource: eventSource,
date: "Dec 28 2009 00:00:00 GMT",
width: "300px",
intervalUnit: Timeline.DateTime.MINUTE,
intervalPixels: 7
}),
Timeline.createBandInfo({
overview: true,
eventSource: eventSource,
date: "Dec 28 2009 00:00:00 GMT",
width: "50px",
intervalUnit: Timeline.DateTime.HOUR,
intervalPixels: 200
}),
Timeline.createBandInfo({
overview: true,
eventSource: eventSource,
date: "Dec 28 2009 00:00:00 GMT",
width: "50px",
intervalUnit: Timeline.DateTime.DAY,
intervalPixels: 800
})
];
bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;
tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
Timeline.loadXML("example1.xml", function(xml, url) { eventSource.loadXML(xml, url); });
}
</script>
</head>
<body onload="onLoad();" onresize="onResize();">
<div id="my-timeline" style="height: 450px; border: 1px solid #aaa"></div>
<noscript>
This page uses Javascript to show you a Timeline. Please enable Javascript in your browser to see the full page. Thank you.
</noscript>
</body>
</html>
zurzeit arbeite ich mit Timeline von Smile.
Ich möchte aber da noch ein paar sachen ändern.
In der Minutenleiste werden alle Minuten angezeigt, also 1,2,3 ... 59. Es sollen aber nur alle 15 Minuten angezeicgt werden (0,15,30,45, ..). Über eine hilfe wäre ich sehr erfreut.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script src="http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js?bundle=true" type="text/javascript"></script>
<script type="text/javascript">
function onLoad() {
var eventSource = new Timeline.DefaultEventSource();
var bandInfos = [
Timeline.createBandInfo({
eventSource: eventSource,
date: "Dec 28 2009 00:00:00 GMT",
width: "300px",
intervalUnit: Timeline.DateTime.MINUTE,
intervalPixels: 7
}),
Timeline.createBandInfo({
overview: true,
eventSource: eventSource,
date: "Dec 28 2009 00:00:00 GMT",
width: "50px",
intervalUnit: Timeline.DateTime.HOUR,
intervalPixels: 200
}),
Timeline.createBandInfo({
overview: true,
eventSource: eventSource,
date: "Dec 28 2009 00:00:00 GMT",
width: "50px",
intervalUnit: Timeline.DateTime.DAY,
intervalPixels: 800
})
];
bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;
tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
Timeline.loadXML("example1.xml", function(xml, url) { eventSource.loadXML(xml, url); });
}
</script>
</head>
<body onload="onLoad();" onresize="onResize();">
<div id="my-timeline" style="height: 450px; border: 1px solid #aaa"></div>
<noscript>
This page uses Javascript to show you a Timeline. Please enable Javascript in your browser to see the full page. Thank you.
</noscript>
</body>
</html>