timeline/timeline.html
changeset 77 04b8157f077b
parent 74 e107c77600e8
child 80 00a3532ad8cf
equal deleted inserted replaced
76:9b98700d12b7 77:04b8157f077b
     6         <title>Tests Timeline</title>
     6         <title>Tests Timeline</title>
     7         <meta name="description" content="" />
     7         <meta name="description" content="" />
     8         <meta name="author" content="Institut de Recherche et d'Innovation (IRI)" />
     8         <meta name="author" content="Institut de Recherche et d'Innovation (IRI)" />
     9         <link rel="stylesheet" type="text/css" href="css/timeline.css" />
     9         <link rel="stylesheet" type="text/css" href="css/timeline.css" />
    10         <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" />
    10         <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" />
       
    11         <style type="text/css">
       
    12             h1 {
       
    13                 text-align: center; font-size: 20px; font-weight: bold; margin: 5px;
       
    14             }
       
    15             #timeline {
       
    16                 width: 950px; margin: 5px auto;
       
    17             }
       
    18         </style>
    11         <script type="text/javascript" src="lib/jquery-min.js"> </script>
    19         <script type="text/javascript" src="lib/jquery-min.js"> </script>
    12         <script type="text/javascript" src="lib/jquery.mousewheel.min.js"> </script>
    20         <script type="text/javascript" src="lib/jquery.mousewheel.min.js"> </script>
    13         <script type="text/javascript" src="lib/jquery-ui-1.8.21.custom.min.js"> </script>
    21         <script type="text/javascript" src="lib/jquery-ui-1.8.21.custom.min.js"> </script>
    14         <script type="text/javascript" src="lib/underscore-min.js"> </script>
    22         <script type="text/javascript" src="lib/underscore-min.js"> </script>
    15         <script type="text/javascript" src="lib/raphael-min.js"> </script>
    23         <script type="text/javascript" src="lib/raphael-min.js"> </script>
    17         <script type="text/javascript" src="js/timeline.js"> </script>
    25         <script type="text/javascript" src="js/timeline.js"> </script>
    18         <script type="text/javascript">
    26         <script type="text/javascript">
    19             var _tl;
    27             var _tl;
    20             $(function() {
    28             $(function() {
    21                 _tl = new Tlns.Classes.Timeline({
    29                 _tl = new Tlns.Classes.Timeline({
    22                     url_univers: 'data/univers.json',
    30                     url_univers: 'data/api_univers.json',
    23                     url_occurrences: 'data/occurrences.json',
    31                     urls_occurrences: [
       
    32                         {
       
    33                             url: 'data/api_occurrence_publication.json',
       
    34                             type: 'publication'
       
    35                         }],
    24                     container: "timeline",
    36                     container: "timeline",
    25                     level: 4,
    37                     level: 1,
    26                     sync_now: false,
    38                     sync_now: false,
    27                     central_time: Date.parse("2012-05-10T00:00:00Z")
    39                     central_time: Date.parse("2012-07-26T00:00:00Z")
    28                 });
    40                 });
    29             }); 
    41             }); 
    30         </script>
    42         </script>
    31     </head>
    43     </head>
    32 
    44 
    33     <body>
    45     <body>
       
    46         <h1>Tests Timeline</h1>
    34         <div id="timeline"> </div>
    47         <div id="timeline"> </div>
    35     </body>
    48     </body>
    36 </html>
    49 </html>