Hi All, I have tried using the religion example to setup filters in my timeline (source below). The timeline works but I am not able to see any filter boxes.
Best regards, Amit <http://amitgoyal.wordpress.com> <html> <head> <script src="http://simile.mit.edu/timeline/api/timeline-api.js"; type="text/javascript"></script> <script src="http://simile.mit.edu/timeline/examples.js"; type="text/javascript"></script> <style type="text/css"> BODY {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;} h2 { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; text-decoration: underline; font-size: 20px; } h3 { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; } .emphasized{ font-weight: bold; color:#003366;} .timeline-event-bubble-time { display:none;} .timeline-default { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;} .timeline-event-label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;} .timeline-event-bubble-body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;} .timeline-event-bubble-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;} a:hover{color:#003366;background-color:#99CCFF;} </style> <script> var tl; function onLoad() { var eventSource = new Timeline.DefaultEventSource(); var theme = Timeline.ClassicTheme.create(); theme.event.label.width = 150; // px theme.event.bubble.width = 350; theme.event.bubble.height = 225; var bandInfos = [ Timeline.createBandInfo({ eventSource: eventSource, date: "Jan 01 2003", width: "80%", intervalUnit: Timeline.DateTime.MONTH, intervalPixels: 100, theme: theme }), Timeline.createBandInfo({ showEventText: false, trackHeight: 0.3, trackWidth: 0.2, trackGap: 0.1, eventSource: eventSource, date: "Jan 01 2003", width: "20%", intervalUnit: Timeline.DateTime.YEAR, intervalPixels: 100, theme: theme }) ]; bandInfos[1].syncWith = 1; bandInfos[1].highlight = true; bandInfos[1].eventPainter.setLayout(bandInfos[0].eventPainter.getLayout( )); tl = Timeline.create(document.getElementById("tl"), bandInfos); tl.loadXML("data.xml", function(xml, url) { eventSource.loadXML(xml, url); }); setupFilterHighlightControls(document.getElementById("timeline-controls" ), tl, [0,1], theme); } 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="tl" style="height: 375px; border: 1px solid #aaa; margin-top: 55px"></div> <div id="timeline-controls"></div> </body> </html> The information in this e-mail is the property of Evalueserve and is confidential and privileged. It is intended solely for the addressee. Access to this email by anyone else is unauthorized. If you are not the intended recipient, any disclosure, copying, distribution or any action taken in reliance on it is prohibited and will be unlawful. If you receive this message in error, please notify the sender immediately and delete all copies of this message. _______________________________________________ General mailing list [email protected] http://simile.mit.edu/mailman/listinfo/general
