Hi,
When I use the code below, I see the scrolling bars but the events are
invisible, and also it does not show any error.
Regards,
Amit
<html>
<head>
<script src="http://simile.mit.edu/timeline/api/timeline-api.js";
type="text/javascript"></script>
<script
src="http://simile.mit.edu/timeline/examples/examples.js";
type="text/javascript"></script>
<style type="text/css">
BODY {font-family: Verdana, Arial, Helvetica,
sans-serif;font-size:12px;}
h2 { font-family: Verdana, Arial, Helvetica,
sans-serif;
text-align:center;
text-decoration: underline;
font-size: 20px;
}
h3 { font-family: Verdana, Arial, Helvetica,
sans-serif;
text-align: left;
font-size: 16px;
}
.emphasized{ font-weight: bold;
color:#003366;}
.timeline-event-bubble-time { display:none;}
.timeline-default {
font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size:12px;}
.timeline-event-label {
font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size:12px;}
.timeline-event-bubble-body {
font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size:12px;}
.timeline-event-bubble-title {
font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size:14px;}
a:hover{color:#003366;background-color:#99CCFF;}
</style>
<script>
var tl;
function onLoad() {
var eventSource = new Timeline.DefaultEventSource();
var theme = Timeline.ClassicTheme.create();
theme.event.label.width = 150; // px
theme.event.bubble.width = 350;
theme.event.bubble.height = 225;
var bandInfos = [
Timeline.createBandInfo({
eventSource: eventSource,
date: "Jan 01 2003",
width: "80%",
intervalUnit: Timeline.DateTime.MONTH,
intervalPixels: 100,
theme: theme
}),
Timeline.createBandInfo({
showEventText: false,
//trackHeight: 0.3,
//trackWidth: 0.2,
//trackGap: 0.1,
eventSource: eventSource,
date: "Jan 01 2003",
width: "20%",
intervalUnit: Timeline.DateTime.YEAR,
intervalPixels: 100,
theme: theme
})
];
bandInfos[1].syncWith = 1;
bandInfos[1].highlight = true;
bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout(
));
tl = Timeline.create(document.getElementById("tl"), bandInfos,
Timeline.VERTICAL);
tl.loadXML("data.xml", function(xml, url) { eventSource.loadXML(xml,
url); });
setupFilterHighlightControls(document.getElementById("timeline-controls"
), tl, [0,1], theme);
}
var resizeTimerID = null;
function onResize() {
if (resizeTimerID == null) {
resizeTimerID = window.setTimeout(function() {
resizeTimerID = null;
tl.layout();
}, 500);
}
}
</script>
</head>
<body onload="onLoad();" onresize="onResize();">
<div id="tl" style="height: 375px; border: 1px solid #aaa;
margin-top: 55px"></div>
<div id="timeline-controls"></div>
</body>
</html>
The information in this e-mail is the property of Evalueserve and is
confidential and privileged. It is intended solely for the addressee. Access to
this email by anyone else is unauthorized. If you are not the intended
recipient, any disclosure, copying, distribution or any action taken in
reliance on it is prohibited and will be unlawful. If you receive this message
in error, please notify the sender immediately and delete all copies of this
message.
_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general
