Welsh, Ben wrote:
> Thanks for the response.
>
> Unfortunately, I can't give a link in, but I suspect that the problems
> are probably caused by the hack I've instituted to get the APIs loaded.
> Since I don't have access to the <head> element through the CMS I work
> with, the scripts are loading using the following code in the body.
>
> <script type="text/javascript">
>  window.onload = addAPI();
>
>         function addAPI() {
>                
>                 var APIscript = function() {
>                     var script = document.createElement("script");
>                     script.type = "text/javascript";
>                     script.language = "JavaScript";
>                     script.src =
> 'http://simile.mit.edu/timeline/api/timeline-api.js';
>  
> document.getElementsByTagName("head")[0].appendChild(script);
>                 }
>                 
>                 var APIdata = function() {
>                     var script = document.createElement("script");
>                     script.type = "text/javascript";
>                     script.language = "JavaScript";
>                     script.src = 'http://www.foo.com/config.js';
>  
> document.getElementsByTagName("head")[0].appendChild(script);
>                 }
>
>                 var CSSlink = function() {
>                     var link = document.createElement("link");
>                     link.type = "text/css"
>                     link.rel = "StyleSheet"
>                     link.href = "http://www.foo.com/style.css";
>  
> document.getElementsByTagName("head")[0].appendChild(link);
>                 }
>
>     
>                 APIscript();
>                 APIdata();
>                 CSSlink();
>                 setTimeout("onLoad()", 2000);
>                               
>             }
>             
>         
>     </script> 
>   
>      
> <br/><br/>
>     <div id="tl" class="timeline-default" style="height: 300px; width:
> 500px;
>     </div>
>
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of David Huynh
> Sent: Friday, March 14, 2008 8:26 AM
> To: General List
> Subject: Re: Timeline IE6 problems with Timeline.DateTime.MONTH
>
> Ben,
>
> Could you give us a URL to your web page to debug this problem? I can't 
> think of any reason for the error just looking at the code you already 
> included.
>
> David
>
> Welsh, Ben wrote:
>   
>> Hello listers, 
>>
>> I'm trying to build out a simple Timeline with two bands, one months,
>> the other years. When I run the config code below, FireFox 2 loves it,
>> but IE6 chokes and throws errors along the lines of..."
>>
>> "Timeline.GregorianDateLabeller.monthNames[...] is null or not an
>> object"
>>
>> or
>>
>> "Timeline.GregorianDatELebeller.monthNames' is null or not an object"
>>
>> Any idea what I'm screwing up? I've tried substituting a different
>>     
> date
>   
>> format for my d variable like...
>>
>> Timeline.DateTime.parseIso8601DateTime("1993-06-01T00:00:00Z")
>>
>> ...but it doesn't help. The one thing that will make it work again is
>>     
> to
>   
>> replace the " Timeline.DateTime.MONTH" in the large band with "
>> Timeline.DateTime.YEAR" 
>>
>> I'm not sure what to make of that, but since I'm on a deadline it
>>     
> might
>   
>> force me to sacrifice the two-band display.
>>
>>
>>   function onLoad() {
>>             var tl;
>>             var eventSource = new Timeline.DefaultEventSource(0);
>>             
>>             var theme = Timeline.ClassicTheme.create();
>>             theme.event.bubble.width = 250;
>>             theme.event.bubble.height = 145;
>>             theme.event.bubble.align = "left";
>>             theme.ether.backgroundColors[1] =
>> theme.ether.backgroundColors[0];
>>             var d = Timeline.DateTime.parseGregorianDateTime("1870")
>>             var bandInfos = [
>>                 Timeline.createBandInfo({
>>                     width:          "80%",
>>                     intervalUnit:   Timeline.DateTime.MONTH, 
>>                     intervalPixels: 42,
>>                     eventSource:    eventSource,
>>                     date:           d,
>>                     theme:          theme
>>                 }),
>>                 Timeline.createBandInfo({
>>                     showEventText:  false,
>>                     trackHeight:    1,
>>                     trackGap:       2,
>>                     width:          "20%", 
>>                     intervalUnit:   Timeline.DateTime.YEAR,
>>                     intervalPixels: 120,
>>                     eventSource:    eventSource,
>>                     date:           d
>>                     
>>                 })
>>             ];
>>             bandInfos[1].syncWith = 0;
>>             bandInfos[1].highlight = true;
>>             tl = Timeline.create(document.getElementById("tl"),
>> bandInfos, Timeline.HORIZONTAL);
>>             tl.loadXML("http://www.foo.com/file.xml";, function(xml,
>>     
> url)
>   
>> {
>>                 eventSource.loadXML(xml, url);
>>             });
>>
>>     
Ben,

Here is an example that loads Timeline (version 2.0) dynamically:

    
http://people.csail.mit.edu/dfhuynh/misc/dynamic-timeline/dynamic-timeline.html

You need to click on that button. Could you see if it works for you on 
IE, and if yes, could you try to base your page on it?

David
_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general

Reply via email to