Question

我在网上搜索如何做时间线。我找到了一个我喜欢的：http://www.simile-widgets.org/timeline/

所以我尝试按照他们的教程，可以在这里找到：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示例文件保存在与模板相同的位置，但是当我刷新页面时出现此错误：

无法从test.xml加载数据xml 没发现

我想知道是否有人知道为什么或要解决这个问题。我的想法是将我的数据保存到某个XML文件中，但也许这不是最好的解决方案如果某人有更好的想法来制定时间表，我也会很感激。

谢谢！

Answer 1

回复相当晚，但错误是由包含xml声明的数据文件产生的。时间线小部件仅排除从

开始的xml

<data>

Answer 2

您是否尝试过使用xml的完整网址路径？类似“http://localhost/text.xml”的东西，或者可能是相对路径“./test.xml”

比喻时间表。 XML文件的问题

2 个答案: