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
