Hi JK, I agree with the other posters. Since you got the examples in the timeline source directory to work properly, the easiest thing is to just copy their timeline library references and drop your html file there, alongside the other examples.
That is, make a new directory alongside cubism and jfk directories, then put your files into the new directory. Regarding changing the jtty server settings. I'd recommend against that. Remember that you really only need the jetty server for serving up the Timeline javascript, css, image and your data files. If you want to put your html file somewhere else on your system, you can. Just use a file:/// reference to view it in a browser. Use the jetty server for the Timeline stuff and your data file. Rather than spending time and effort on the jetty server, investigate setting up a real web server for your machine. Regards, Larry ________________________________ From: JKG <[email protected]> To: SIMILE Widgets <[email protected]> Sent: Thursday, December 18, 2008 3:05:49 PM Subject: More html --> live timeline 1. I've followed <b>Larry Kluger's</b> help to <b>rixta</b> and <b>Carter</b> in the archives, which tells me that I probably need to do something with some sort of javascript server. (I normally program in C/C++ and python: javascript is <i>terra nova</i> to me, although I have done some html programming a decade or so ago.) Basically I've created a file, mytimeline.html, consisting of the following from the first four steps of the GettingStarted howto. <blockquote> <html> <head> <span style="background:#FFFFE0"> <script> Timeline_urlPrefix="http://static.simile.mit.edu/timeline/ api-2.0/"; </script> <script src="http://static.simile.mit.edu/timeline/api-2.0/timeline- api.js" type="text/javascript"></script> </span> <script> var tl; function onLoad() { var bandInfos = [ . . . <SNIP> . . . ]; bandInfos[1].syncWith = 0; bandInfos[1].highlight = true; tl = Timeline.create(document.getElementById("my-timeline"), bandInfos); } var resizeTimerID = null; function onResize() { . . . <SNIP> . . . } </script> </head> <body onlead="onLoad();" onresize="onResize();"> <div id="my-timeline" style="height: 150px; border: 1px solid #aaa"></ div> </body> </html> </blockquote> 2. When I access the file from my browser: $ konqueror mytimeline.html All I get is the box which is produce (I believe) by the <div > tag. (Same thing when using firefox and opera browsers.) 3. My guess is that there is needed some sort of "javascript server" which must be called correctly. When I download and unzip the source file to /usr/local/src/timeline_pre2.3.0/ , change to that directory, and execute the ./run script (which runs java -jar lib/start.jar jetty.xml) and then point my browser (any of them) to "http:// 127.0.0.1:9999/timeline/", the example index shows up nicely---even when the ./run script is in background. 4. So . . . what steps need to be taken so that I can get my local .html file with javascript to work when my browser looks at it? Apparently jetty has to be told where to look for the file; if so, how's that done? 5. Once my html file and timeline are debugged, the file'll be placed on a remote webserver--by someone else: an expert, I hope. But that's in the future . . . . First things first. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
