You've got an extra comma at the end of your first createBandInfo:
> var bandInfos = [
> Timeline.createBandInfo({
> width: "100%",
> intervalUnit: Timeline.DateTime.YEAR,
> intervalPixels: 70,
> eventSource: eventSource,
> date: d,
> timeZone: -6,
> theme: uwaatheme
> }),
> ];
should be:
var bandInfos = [
Timeline.createBandInfo({
width: "100%",
intervalUnit: Timeline.DateTime.YEAR,
intervalPixels: 70,
eventSource: eventSource,
date: d,
timeZone: -6,
theme: uwaatheme
})
];
IE doesn't like trailing commas in array and hash declarations.
--Mike
On Sep 21, 2010, at 1:10 PM, mark47 wrote:
> Hello, I'm working on an interactive timeline for the University of
> Washington. Simile's proving to be a great tool, but I'm having a
> strange problem. Right now we're planning to use only a single band.
> However, when I changed to a single band, the timeline doesn't display
> in IE8 (haven't tried earlier versions.)
>
> Here's the link:
> http://www.washington.edu/alumni/timeline/simile/index.html
>
> My Javascript below. If I add another createBandInfo then it works
> fine in all browsers. I'm based my code on an example that had two
> bands, so I'm guessing I'm missing something?
>
> Thanks!
>
> <script>
> var tl;
> function onLoad() {
> var eventSource = new Timeline.DefaultEventSource(0);
>
> var uwaatheme = Timeline.ClassicTheme.create();
> uwaatheme.event.bubble.width = 500;
> uwaatheme.event.bubble.height = 300;
> uwaatheme.timeline_start = new Date(Date.UTC(1860, 0,
> 1));
> uwaatheme.timeline_end = new Date(Date.UTC(2012, 0, 1));
>
> var d = Timeline.DateTime.parseGregorianDateTime("1950");
> var bandInfos = [
> Timeline.createBandInfo({
> width: "100%",
> intervalUnit: Timeline.DateTime.YEAR,
> intervalPixels: 70,
> eventSource: eventSource,
> date: d,
> timeZone: -6,
> theme: uwaatheme
> }),
> ];
>
> tl = Timeline.create(document.getElementById("tl"),
> bandInfos, Timeline.HORIZONTAL);
> tl.loadXML("uw_data_xml.php", function(xml, url) {
> eventSource.loadXML(xml, url);
> });
>
>
> setupFilterHighlightControls(document.getElementById("controls"), tl,
> [0], uwaatheme);
> }
>
> var resizeTimerID = null;
> function onResize() {
> if (resizeTimerID == null) {
> resizeTimerID = window.setTimeout(function() {
> resizeTimerID = null;
> tl.layout();
> }, 500);
> }
> }
> </script>
>
> --
> 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.
>
--
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.
