not really known
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

74 lines
2.6 KiB

<head>
<link rel="stylesheet" href="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.css" /><!-- 1 -->
<link title="timeline-styles" rel="stylesheet" href="https://cdn.knightlab.com/libs/timeline3/latest/css/timeline.css">
<script src="https://cdn.knightlab.com/libs/timeline3/latest/js/timeline.js"></script>
<script src="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.js"></script>
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<link rel="stylesheet" href="timeline.css">
<link rel="stylesheet" href="navBar.css">
<link rel="icon" type="image/png" href="./favicon.png" />
<script>
var markers = [];
window.onload = function(){
$.ajax({
url: 'http://localhost:3000/',
success: function(data) {
console.log('success');
console.log(data);
setupPage(data);
},
error: function(data) {
console.log('error');
console.log(data);
document.getElementById("timeline-embed").style.display = "none";
document.getElementById("timeline-temp").style.display = "block";
// two arguments: the id of the Timeline container (no '#')
// and the JSON object or an instance of TL.TimelineConfig created from
// a suitable JSON object
//window.timeline = new TL.Timeline('timeline-embed', 'marktwain_test.json');
}
});
}
function setupPage(data)
{
window.timeline = new TL.Timeline('timeline-embed', data);
}
function markerClicked(e)
{
for(var i = 0; i < markers.length; i++)
{
if (markers[i] == e.target)
{
window.timeline.goTo(i);
}
}
}
</script>
</head>
<body>
<a href="./"> <img src="img/jpp-logo2.png" alt="JPP Logo" style="margin-left:15%;" /></a>
<ul class="topnav">
<li><a href="browse.html?category=people">People</a></li>
<li><a href="browse.html?category=toys">Toys</a></li>
<li><a href="browse.html?category=companies">Companies</a></li>
<li><a href="./timeline.html">Timeline</a></li>
<li><a href="players.html">The Players</a></li>
<li><a href="news.html">News</a></li>
<li><a href="about.html">About</a></li>
<li><a href="submitEntry.html">Submit</a></li>
</ul>
<div class="timeline">
<div id='timeline-embed'></div>
<iframe id='timeline-temp' style='display:none' src='https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1-oQByBfIlL0PwvcxEEpSzQNDwXY9qPLQM7PKmWBK9aM&font=Default&lang=en&initial_zoom=2&height=650' frameborder='0' ></iframe>
</div>
</body>