Timeline works correctly under Firefox, but not in IE. I have looked at all
pertinent Object Error issues here, and inspected the javascript and the
xml files. The xml files check out fine, so it must be the javascript. A
sample HTML file is below:
<html>
<head>
<title>Linux Release Timeline</title>
<script
src="http://penguin.sc.ti.com/timeline/api/timeline-api.js"
type="text/javascript">
</script>
<script>
var tl;
function onLoad() {
var rlseventSource = new Timeline.DefaultEventSource();
var ovrEventSource = new Timeline.DefaultEventSource();
var bandInfos = [
Timeline.createBandInfo({
width: "60%",
intervalUnit: Timeline.DateTime.DAY,
eventSource: rlseventSource,
intervalPixels: 50
}),
Timeline.createBandInfo({
trackGap: .5,
trackHeight: 1.2,
width: "40%",
intervalUnit: Timeline.DateTime.MONTH,
eventSource: ovrEventSource,
intervalPixels: 200
})
];
bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;
bandInfos[1].eventPainter.setLayout(bandInfos[1].eventPainter.getLayout());
tl = Timeline.create(
document.getElementById("my-timeline"),
bandInfos);
Timeline.loadXML("../releases/WinCE_12.xml",
function(xml, url) {
rlseventSource.loadXML(xml, url); });
Timeline.loadXML("../releases/Overview.xml",
function(xml, url) {
ovrEventSource.loadXML(xml, url); });
}
var resizeTimerID = null;
function onResize() {
if (resizeTimerID == null) {
resizeTimerID = window.setTimeout(function() {
resizeTimerID = null;
tl.layout();
}, 500);
}
}
</script>
</head>
<body onload="onLoad();" onresize="onResize();">
<h1>Linux Release Timelines</h1>
<br>
<div id="my-timeline"
style="height: 700px; border: 1px solid #aaa">
</div>
<br>
</body>
</html>
[Submitted by Mike Turquette on simile.mit.edu]
Original issue reported on code.google.com by GabrielR...@googlemail.com on 6 Apr 2009 at 1:40
Original issue reported on code.google.com by
GabrielR...@googlemail.com
on 6 Apr 2009 at 1:40