Status: New
Owner: ----
Labels: Type-Defect Priority-Medium
New issue 490 by
danieldo...@gmail.com: Cannot get any current event to
show up URG!
http://code.google.com/p/simile-widgets/issues/detail?id=490
What steps will reproduce the problem?
1. Copy monet example
2. remove all events from XML file and add one with current date
3. change monet example to build timeline around this week
What is the expected output? What do you see instead?
I expected to see one even. I got a blank.
What version of the product are you using? On what browser and what
operating system?
Timeline 2.3
IIS 7
Please provide any additional information below.
XML:
<data
wiki-url="
http://simile.mit.edu/shelf/"
wiki-section="Simile JFK Timeline"
>
<!-- Sources:
http://roswell.fortunecity.com/angelic/96/pctime.htm
-->
<event start="Tue Jan 22 2013 12:45:00 GMT-0600"
title="Suspect's description on police radio"
>
Description
</event>
</data>
CODE:
<html>
<head>
<title>SIMILE | Timeline | Examples | The JFK Assassination
Timeline</title>
<link rel='stylesheet' href='../styles.css' type='text/css' />
<script src="../../api/timeline-api.js?bundle=true"
type="text/javascript"></script>
<script src="../examples.js" type="text/javascript"></script>
<script>
var tl;
function onLoad() {
var eventSource = new Timeline.DefaultEventSource();
var date = "Tue Jan 22 2013 00:00:00 GMT-0800";
var theme = Timeline.ClassicTheme.create();
var bandInfos = [
Timeline.createBandInfo({
date: date,
eventSource: eventSource,
width: "100%",
intervalUnit: Timeline.DateTime.DAY,
intervalPixels: 200,
theme: theme
})
];
bandInfos[0].highlight = true;
tl =
Timeline.create(document.getElementById("ProjectTimeline"), bandInfos);
Timeline.loadXML("monet.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>
</head>
<body onLoad="onLoad();">
<div id="ProjectTimeline" class="timeline-default" style="height:
300px;" >
</div>
</body>
</html>