Skip to content

Commit

Permalink
Adding basic output.
Browse files Browse the repository at this point in the history
  • Loading branch information
Luke Wilde committed Mar 19, 2012
1 parent d38880b commit e6850e4
Showing 1 changed file with 9 additions and 50 deletions.
59 changes: 9 additions & 50 deletions index.html
@@ -1,50 +1,9 @@
<style>
body {
min-width:357px;
overflow-x:hidden;
}

img {
margin:5px;
border:2px solid black;
vertical-align:middle;
width:75px;
height:75px;
}
</style>

<script>
var req = new XMLHttpRequest();
req.open(
"GET",
"http://api.flickr.com/services/rest/?" +
"method=flickr.photos.search&" +
"api_key=90485e931f687a9b9c2a66bf58a3861a&" +
"text=hello%20world&" +
"safe_search=1&" + // 1 is "safe"
"content_type=1&" + // 1 is "photos only"
"sort=relevance&" + // another good one is "interestingness-desc"
"per_page=20",
true);
req.onload = showPhotos;
req.send(null);

function showPhotos() {
var photos = req.responseXML.getElementsByTagName("photo");

for (var i = 0, photo; photo = photos[i]; i++) {
var img = document.createElement("image");
img.src = constructImageURL(photo);
document.body.appendChild(img);
}
}

// See: http://www.flickr.com/services/api/misc.urls.html
function constructImageURL(photo) {
return "http://farm" + photo.getAttribute("farm") +
".static.flickr.com/" + photo.getAttribute("server") +
"/" + photo.getAttribute("id") +
"_" + photo.getAttribute("secret") +
"_s.jpg";
}
</script>
<!DOCTYPE html>
<html>
<head>
<title>NewsDing</title>
</head>
<body>
<h1>Awwwh News</h1>
</body>
</html>

0 comments on commit e6850e4

Please sign in to comment.