我在網上搜索如何做時間線。我發現這一個,我喜歡: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文件中,但也許這不是最好的解決方案。
如果有人有更好的想法來創造時間表,我也很感激。
謝謝!
您可能需要顯示一些您正在使用的代碼。 test.xml與您的測試腳本位於同一個目錄中? – 2010-08-31 09:22:56
是模板和test.xml在同一個文件夾中 – pavid 2010-08-31 09:40:27