Je cherchais à travers le web comment faire des lignes de temps. J'ai trouvé celui que j'aime: http://www.simile-widgets.org/timeline/chronologie de comparaison. problème avec le fichier XML
J'essaie donc de suivre leur tutoriel, qui se trouve ici: http://simile.mit.edu/wiki/How_to_Create_Timelines
Je suivais le tutoriel de sorte que le code est le même, mais ici il va:
<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>
Et le 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>
Je suis un problème avec LOAD XML, je sauver leur XML exa fichier mple au même endroit que le modèle, mais quand j'actualisez la page je reçois cette erreur:
Impossible de charger xml données de test.xml
INTROUVABLE
Je voudrais connaître si quelqu'un knowns pourquoi ou pour résoudre ceci. Mon idée était de sauvegarder mes données dans un fichier XML, mais ce n'est peut-être pas la meilleure solution.
Si quelqu'un a de meilleures idées pour faire des lignes de temps, j'apprécierais aussi.
Merci!
Vous devrez probablement montrer une partie du code que vous utilisez. Un fichier test.xml existe-t-il dans le même répertoire que votre script de test? –
Oui le modèle et le test.xml sont dans le même dossier – pavid