Thank you so much! Works perfectly now. I have been stressing over this for two days now. Thanks so much!
David Huynh-2 wrote: > > toekneebullard wrote: >> I've looked around long and hard, but I can't seem to figure out why my >> bubble size is staying the same. I'm not sure if I need to make a >> certain >> file local or what. Right now I just have my timeline html file, and the >> xml >> file with the data. Is there a javascript file I should have locally? >> I've >> looked at the "var theme" code on many different timelines, and mine >> seems >> to be exactly the same. Wondering if there's a bug somewhere that I'm >> missing. Here's my code: >> >> <html> >> <head> >> <script src="http://simile.mit.edu/timeline/api/timeline-api.js"; >> type="text/javascript"></script> >> >> >> <script> >> var tl; >> function onLoad( ) { >> var eventSource = new Timeline.DefaultEventSource(); >> >> var theme = Timeline.ClassicTheme.create(); >> theme.event.label.width = 300; >> theme.event.bubble.width = 500; >> theme.event.bubble.height = 500; >> > Declaring "theme" here is the right thing to do, but not enough... > >> var bandInfos = [ >> Timeline.createBandInfo({ >> > You also need to use it, by inserting here > > theme: theme, > >> eventSource: eventSource, >> date: "Jun 13 2007 00:00:00 GMT", >> width: "70%", >> intervalUnit: Timeline.DateTime.MONTH, >> intervalPixels: 100 >> }), >> >> Timeline.createBandInfo({ >> > and here > > theme: theme, > >> showEventText: false, >> trackHeight: 0.5, >> trackGap: 0.2, >> eventSource: eventSource, >> date: "Jun 13 2007 00:00:00 GMT", >> width: "30%", >> intervalUnit: Timeline.DateTime.YEAR, >> intervalPixels: 200 >> }) >> ]; >> bandInfos[1].syncWith = 0; >> bandInfos[1].highlight = true; >> >> bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout()); >> >> tl = Timeline.create(document.getElementById("my-timeline"), >> bandInfos); >> Timeline.loadXML("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> >> >> </head> >> <body onload="onLoad();" onresize="onResize();"> >> <div id="my-timeline" style="height: 300px; border: 1px solid #aaa; >> font-family: Arial, Helvetica, sans-serif; font-size:14px;"></div> >> >> >> </body> >> </html> >> >> Thanks in advance for any help you can give me, >> Tony >> > > _______________________________________________ > General mailing list > [email protected] > http://simile.mit.edu/mailman/listinfo/general > > -- View this message in context: http://www.nabble.com/Bubble-size-refuses-to-change-tp15011220p15045596.html Sent from the SIMILE - General mailing list archive at Nabble.com. _______________________________________________ General mailing list [email protected] http://simile.mit.edu/mailman/listinfo/general
