all jsonp request to be built by URL params

13 years ago · a7e2314c89
1 changed files with 88 additions and 0 deletions
--- a/url.php
+++ b/url.php
@ -0,0 +1,88 @@
 <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>