> You've got an extra comma at the end of your first createBandInfo: That comma got me for a whole week.
It was a nightmare, because it worked in Firefox. Try: http://www.jslint.com/ It is a java-script validation site. Thanks Jeff Roehl ----- Original Message ---- From: Michael Nosal <[email protected]> To: "[email protected]" <[email protected]> Sent: Tue, September 21, 2010 1:21:52 PM Subject: Re: [Simile-Widgets] Timeline with single band - display problems in IE 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. -- 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.
