OK, I have searched thoroughly about the issues with IE 7, but I just
cannot debug it. IE is not throwing and error, it just doesn't display
the timeline.
Here is my code. Please help!
<script>
var event_data =
{
"dateTimeFormat": "iso8601",
"events":[
{ "start": "2009-04-04T00:00:00+00:00",
"durationEvent": false,
"instant": true,
"title": "Diagnosis Date",
"color": "#7FFFD4",
"textColor": "#000000",
"caption": "Diagnosis Date",
"description": "Surgery: Total"},
{ "start":
"2011-05-02T00:00:00+00:00",
"durationEvent": false,
"instant": true,
"title": "Surgery",
"color": "#7FFFD4",
"textColor": "#000000",
"caption": "Surgery",
"description": "Surgery: Subtotal"}
,{ "start":
"2011-05-17T00:00:00+00:00",
"end": "2011-05-31T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description": "Steroid:Dexamethason<br>"}
,{ "start":
"2011-05-03T00:00:00+00:00",
"end": "2011-05-28T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description":
"Steroid:Prednisone<br><b>Currently Prescribed</b>"}
,{ "start":
"2011-05-16T00:00:00+00:00",
"end": "2011-05-28T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description":
"Steroid:Solumedrol<br><b>Currently Prescribed</b>"}
,{ "start":
"2011-05-24T00:00:00+00:00",
"end": "2011-05-28T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description":
"Steroid:Dexamethason<br><b>Currently Prescribed</b>"}
,{ "start":
"2011-05-02T00:00:00+00:00",
"end": "2011-05-28T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description":
"Steroid:Dexamethason<br><b>Currently Prescribed</b>"}
,{ "start":
"2010-02-01T00:00:00+00:00",
"end": "2010-05-04T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description": "Steroid:Dexamethason<br>"}
,{ "start":
"2011-01-03T00:00:00+00:00",
"end": "2011-03-07T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description": "Steroid:Dexamethason<br>"}
,{ "start":
"2011-02-07T00:00:00+00:00",
"end": "2011-02-23T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description": "Steroid:Dexamethason<br>"}
,{ "start":
"2011-05-26T00:00:00+00:00",
"end": "2011-05-28T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description":
"Steroid:Dexamethason<br><b>Currently Prescribed</b>"}
,{ "start":
"2011-05-14T00:00:00+00:00",
"end": "2011-05-19T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description": "Steroid:Dexamethason<br>"}
,{ "start":
"2011-03-08T00:00:00+00:00",
"end": "2011-05-28T00:00:00+00:00",
"instant": false,
"title": "Steroid",
"color": "#7FFFD4",
"textColor": "#000000",
"description":
"Steroid:Dexamethason<br><b>Currently Prescribed</b>"}
,{ "start":
"2011-05-15T00:00:00+00:00",
"end": "2011-05-21T00:00:00+00:00",
"instant": false,
"title": "Radiation",
"color": "#461B7E",
"textColor": "#000000",
"description": "Radiation<br>Region:
0<br>Technique:IMRT<br>Lesions:5<br>Isodose:15<br>Total Dose:
100<br>Dose/Fraction:5<br>No. of Fractions13<br>"}
]
};
function onLoad() {
var eventSource = new Timeline.DefaultEventSource();
var bandInfos = [
Timeline.createBandInfo({
eventSource: eventSource,
date: "Sat, 28 May 2011
13:51:27 -0500",
width: "70%",
intervalUnit:
Timeline.DateTime.MONTH,
intervalPixels: 100
}),
Timeline.createBandInfo({
overview: true,
eventSource: eventSource,
date: "Sat, 28 May 2011
13:51:27 -0500",
width: "30%",
intervalUnit: Timeline.DateTime.YEAR,
intervalPixels: 200
})
];
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); });*/
// show loading message
tl.showLoadingMessage();
eventSource.loadJSON(event_data,
document.location.href);
// dismiss loading message
tl.hideLoadingMessage();
}
</script>
<body onLoad="onLoad();">
--
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.
