2010-08-31 40 views
1

我在網上搜索如何做時間線。我發現這一個,我喜歡:http://www.simile-widgets.org/timeline/明喻時間表。 XML文件問題

所以我儘量按照他們的教程,可以在這裏找到:http://simile.mit.edu/wiki/How_to_Create_Timelines

我的教程下面這樣的代碼是相同的,但這裏有雲:

<script> 
    var tl; 
function onLoad() { 
var eventSource = new Timeline.DefaultEventSource(); 

var bandInfos = [ 
Timeline.createBandInfo({ 
    eventSource: eventSource, 
    date:   "Jun 28 2006 00:00:00 GMT", 

    width:   "70%", 
    intervalUnit: Timeline.DateTime.MONTH, 
    intervalPixels: 100 
}), 
Timeline.createBandInfo({ 
    eventSource: eventSource, 
    date:   "Jun 28 2006 00:00:00 GMT", 

    width:   "30%", 
    intervalUnit: Timeline.DateTime.YEAR, 
    intervalPixels: 200 
}) 
    ]; 
bandInfos[1].syncWith = 0; 
bandInfos[1].highlight = true; 

tl = Timeline.create(document.getElementById("my-timeline"), bandInfos); 
Timeline.loadXML("test.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> 
<body onload="onLoad();" onresize="onResize();"> 
<div id="my-timeline" style="height: 150px; border: 1px solid #aaa"></div> 
</body> 

而且的test.xml

<?xml version="1.0" encoding="ISO-8859-1"?> 
<?xml-stylesheet type="text/css" href="/TBDBsite/media/timeline.css"?> 
<data> 
<event 
    start="May 28 2006 09:00:00 GMT" 
    end="Jun 15 2006 09:00:00 GMT" 
    isDuration="true" 
    title="Writing Timeline documentation" 
    image="http://simile.mit.edu/images/csail-logo.gif" 
    > 
    A few days to write some documentation for <a href="http://simile.mit.edu/timeline/">Timeline</a>. 
    </event> 

<event 
    start="Jun 16 2006 00:00:00 GMT" 
    end="Jun 26 2006 00:00:00 GMT" 
    title="Friend's wedding" 
    > 
    I'm not sure precisely when my friend's wedding is. 
    </event> 

<event 
    start="Aug 02 2006 00:00:00 GMT" 
    title="Trip to Beijing" 
    link="http://travel.yahoo.com/" 
    > 
    Woohoo! 
    </event> 
</data> 

我在與LOAD XML的一個問題,我救他們的XML EXA在同一個地方mple文件,模板,但是當我刷新頁面我得到這個錯誤:

無法加載從數據的test.xml XML
NOT FOUND

我想知道,如果有人的已知,爲什麼或解決這個問題。我的想法是將我的數據保存到一個XML文件中,但也許這不是最好的解決方案。
如果有人有更好的想法來創造時間表,我也很感激。

謝謝!

+0

您可能需要顯示一些您正在使用的代碼。 test.xml與您的測試腳本位於同一個目錄中? – 2010-08-31 09:22:56

+0

是模板和test.xml在同一個文件夾中 – pavid 2010-08-31 09:40:27

回答

0

您是否嘗試過使用xml的完整url路徑?類似「http://localhost/text.xml」..或者可能是一個相對路徑「./test.xml」

+0

ok ..現在我又犯了一個錯誤: 找到異常:TypeError:v1爲null – pavid 2010-08-31 10:07:01

+0

當我試圖在Chromium Web瀏覽器中打開時,我得到這一個: Caught異常:TypeError:無法讀取屬性'documentElement'null – pavid 2010-08-31 10:18:31

+0

hmmm爲什麼不把你的網頁在線,並給我們的鏈接?,它會更容易找出問題 – pleasedontbelong 2010-08-31 10:31:40

3

答覆,是相當晚,但錯誤的結果來自數據文件,包括XML聲明。時間軸小部件只有一個xml,除了開始於

<data>