--- a/timeline/timeline.html Wed Jul 11 18:02:39 2012 +0200
+++ b/timeline/timeline.html Wed Jul 11 18:02:57 2012 +0200
@@ -8,6 +8,14 @@
<meta name="author" content="Institut de Recherche et d'Innovation (IRI)" />
<link rel="stylesheet" type="text/css" href="css/timeline.css" />
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" />
+ <style type="text/css">
+ h1 {
+ text-align: center; font-size: 20px; font-weight: bold; margin: 5px;
+ }
+ #timeline {
+ width: 950px; margin: 5px auto;
+ }
+ </style>
<script type="text/javascript" src="lib/jquery-min.js"> </script>
<script type="text/javascript" src="lib/jquery.mousewheel.min.js"> </script>
<script type="text/javascript" src="lib/jquery-ui-1.8.21.custom.min.js"> </script>
@@ -19,18 +27,23 @@
var _tl;
$(function() {
_tl = new Tlns.Classes.Timeline({
- url_univers: 'data/univers.json',
- url_occurrences: 'data/occurrences.json',
+ url_univers: 'data/api_univers.json',
+ urls_occurrences: [
+ {
+ url: 'data/api_occurrence_publication.json',
+ type: 'publication'
+ }],
container: "timeline",
- level: 4,
+ level: 1,
sync_now: false,
- central_time: Date.parse("2012-05-10T00:00:00Z")
+ central_time: Date.parse("2012-07-26T00:00:00Z")
});
});
</script>
</head>
<body>
+ <h1>Tests Timeline</h1>
<div id="timeline"> </div>
</body>
</html>