<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Tests Timeline</title>
<meta name="description" content="" />
<meta name="author" content="Institut de Recherche et d'Innovation (IRI)" />
<link rel="stylesheet" type="text/css" href="css/timeline.css" />
<script type="text/javascript" src="lib/jquery-min.js"></script>
<script type="text/javascript" src="lib/underscore-min.js"></script>
<script type="text/javascript" src="lib/raphael-min.js"></script>
<script type="text/javascript" src="lib/mustache.js"></script>
<script type="text/javascript" src="js/timeline.js"></script>
<script type="text/javascript">
var _tl;
$(function() {
_tl = new Tlns.Classes.Timeline({
url_univers: 'data/univers.json',
container: "timeline",
level: 2,
sync_now: false,
central_time: Date.parse("2012-05-10T00:00:00Z")
});
/* for (var i = 0; i < Tlns.Defaults.Timeline.timescales.length; i++) {
var _id = "timeline_" + i;
$("body").append($('<div>').attr("id",_id));
new Tlns.Classes.Timeline({
url_univers: 'data/univers.json',
container: _id,
level: i
});
$("body").append($('<div>').css("height","10px"));
}*/
});
</script>
</head>
<body>
<div id="timeline"></div>
</body>
</html>