Ivar Vong
13 years ago
3 changed files with 22 additions and 90 deletions
@ -1,88 +0,0 @@ |
|||||||
<html> |
|
||||||
|
|
||||||
<head> |
|
||||||
<link href="./timeline.css" rel="stylesheet"> |
|
||||||
<script type="text/javascript" src="./jquery-min.js"></script> |
|
||||||
<script type="text/javascript" src="./timeline.js"></script> |
|
||||||
|
|
||||||
<meta property="og:title" content="Timeline" /> |
|
||||||
<meta property="og:description" content="Using JSONP to dynamically build timelines from topic archives. In this case, for football." /> |
|
||||||
<meta property="og:image" content="http://i.imgur.com/cokYj.png" /> |
|
||||||
|
|
||||||
</head> |
|
||||||
|
|
||||||
<body> |
|
||||||
<div id="timeline"></div> |
|
||||||
</body> |
|
||||||
|
|
||||||
<script> |
|
||||||
|
|
||||||
map = {"query":""}; |
|
||||||
try { |
|
||||||
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { |
|
||||||
map[key] = value; |
|
||||||
}); |
|
||||||
} catch (e) { |
|
||||||
console.log("error grabbing something from the url Get string..."); |
|
||||||
} |
|
||||||
|
|
||||||
var jsonSkeleton = { |
|
||||||
"timeline": |
|
||||||
{ |
|
||||||
"headline":map.headline, |
|
||||||
"type":"default", |
|
||||||
"startDate":"2012", |
|
||||||
"text":map.text, |
|
||||||
"date": [] |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
function jsonpcallback(data) { |
|
||||||
console.log(data); |
|
||||||
|
|
||||||
data.forEach(function(story) { |
|
||||||
var storyJSON = {}; |
|
||||||
|
|
||||||
if (typeof story.thumbnail != 'undefined') { |
|
||||||
storyJSON.asset = {}; |
|
||||||
storyJSON.asset.media = story.thumbnail; |
|
||||||
storyJSON.asset.credit = "Oregon Daily Emerald" |
|
||||||
storyJSON.asset.caption = ""; |
|
||||||
} |
|
||||||
|
|
||||||
var dateArray = story.date.split(" ")[0]; |
|
||||||
dateArray = dateArray.split("-"); |
|
||||||
storyJSON.startDate = dateArray[0]+","+dateArray[1]+","+dateArray[2]; |
|
||||||
storyJSON.endDate = storyJSON.startDate; |
|
||||||
|
|
||||||
storyJSON.headline = story.title; |
|
||||||
|
|
||||||
storyJSON.text = "<p><a href=\""+story.permalink+"\">"+story.excerpt+"</a></p>"; |
|
||||||
|
|
||||||
jsonSkeleton.timeline.date.push(storyJSON); |
|
||||||
|
|
||||||
console.log(dateArray); |
|
||||||
console.log(story); |
|
||||||
console.log(storyJSON); |
|
||||||
console.log("-------"); |
|
||||||
}); |
|
||||||
|
|
||||||
console.log(jsonSkeleton); |
|
||||||
|
|
||||||
var timeline = new VMM.Timeline(); |
|
||||||
timeline.init(jsonSkeleton); |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
$(document).ready(function() { |
|
||||||
|
|
||||||
$.ajax({ |
|
||||||
url: "http://dailyemerald.com/"+map.query+"json/?callback=jsonpcallback", |
|
||||||
dataType: "script", |
|
||||||
callback: "jsonpcallback" |
|
||||||
}); |
|
||||||
|
|
||||||
}); |
|
||||||
</script> |
|
||||||
|
|
||||||
</html> |
|
Loading…
Reference in new issue