Hi,
I am the Office Manager at a fire department and have been given a
project that utilizes the Timeline. I am a beginner here with code so
be easy on me. I have my code done (I think) and my XML file of
events to pull from but nothing happens when I run it. I get the
outline of the Timeline but no bands or events. I’ve included my
code and XML file for your help in reviewing what I’m doing wrong.
Thank You and Be Safe,
Michele R. Grogean
Office Manager
Beavercreek Twp. Fire Dept.
My Code:
<html>
<head>
<title>Station 62 Construction Timeline</title>
<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">
<script>
var tl;
function onLoad() {
var eventSource = new Timeline.DefaultEventSource();
var bandInfos = [
Timeline.createBandInfo({
eventSource: eventSource,
width: "35%",
intervalUnit: Timeline.DateTime.HOUR,
intervalPixels: 100
}),
Timeline.createBandInfo({
showEventText: false,
trackHeight: 0.5,
trackGap: 0.2,
eventSource: eventSource,
width: "35%",
intervalUnit: Timeline.DateTime.DAY,
intervalPixels: 200
}),
Timeline.createBandInfo({
showEventText: false,
trackHeight: 0.5,
trackGap: 0.2,
eventSource: eventSource,
width: "15%",
intervalUnit: Timeline.DateTime.WEEK,
intervalPixels: 200
}),
Timeline.createBandInfo({
showEventText: false,
trackHeight: 0.5,
trackGap: 0.2,
eventSource: eventSource,
width: "15%",
intervalUnit: Timeline.DateTime.MONTH,
intervalPixels: 200
})
];
bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;
bandInfos[1].eventPainter.setLayout(bandInfos
[0].eventPainter.getLayout());
bandInfos[2].syncWith = 0;
bandInfos[2].highlight = true;
bandInfos[3].syncWith = 0;
bandInfos[3].highlight = true;
tl = Timeline.create(document.getElementById("my-timeline"),
bandInfos);
Timeline.loadXML("Station_62_Timeline.xml", function(xml, url)
{ eventSource.loadXML(xml, url); });
}
var resizeTimerID = null;
function onResize() {
if (resizeTimerID == null) {
resizeTimerID = window.setTimeout(function() {
resizeTimerID = null;
tl.layout();
}, 500);
}
}
</script>
<style type="text/css">
table {
font-size: 100%;
}
.timeline-default {
font-family: Trebuchet MS, Helvetica, Arial, sans serif;
font-size: 8pt;
}
</style>
</head>
<body onload="onLoad();" onresize="onResize();" class="timeline-
default">
<div id="my-timeline" style="height: 250px; border: 2px solid #aaa"></
div>
</body>
</html>
My XML:
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
- <data xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance";>
<event start="June 4 2009" end="June 4 2009" isDuration="true"
title="Pre-Construction Open House">An open house was put on at
Station 62 for the public</event>
<event start="June 7 2009" end="June 10 2009" isDuration="true"
title="Temporary Move Out">The crews had to move out for the asbestos
removal</event>
<event start="June 8 2009" end="June 10 2009" isDuration="true"
title="Asbestos Removal" xsi:nil="true" />
<event start="June 18 2009" end="June 18 2009" isDuration="true"
title="Pre-Construction Meeting" xsi:nil="true" />
<event start="June 19 2009" end="June 21 2009" isDuration="true"
title="Big Move Out" xsi:nil="true" />
<event start="June 22 2009" end="February 17 2010" isDuration="true"
title="Construction Time" xsi:nil="true" />
</data>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---
