Я искал в интернете, как делать временные линии. Я нашел этот, который мне нравится: 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 в том же месте, что и шаблон, но когда я обновляю страницу, я получаю эту ошибку:
Не удалось загрузить данные XML из test.xml
НЕ НАЙДЕНО
Я хотел бы знать, если кто-нибудь знает, почему или решить эту проблему. Моя идея состояла в том, чтобы сохранить мои данные в некоторый файл XML, но, возможно, это не лучшее решение.
Если у кого-то есть лучшие идеи для составления временных рамок, я также буду признателен.
Спасибо!