topical media & game development
mashup-delicious-07-delicious-summary.htm / htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>My del.icio.us Summary Page</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1 id="header">My del.icio.us Summary Page</h1>
<div id="center_col">
<div class="col_banner">My Tags</div>
<script type="text/javascript"
src="http://del.icio.us/feeds/js/tags/YOURNAME?count=100;size=13-30;
color=FFE6F9-BF60A7"></script>
</div>
<div id="left_col">
<div class="col_banner">My Latest Bookmarks</div>
<script type="text/javascript" src="http://del.icio.us/feeds/js/YOURNAME?extended"></script>
<noscript><a href="http://del.icio.us/YOURNAME">
My Latest Bookmarks</a></noscript>
</div>
<div id="right_col">
<div class="col_banner">My PHP Bookmarks</div>
<script type="text/javascript"
src="http://del.icio.us/feeds/json/YOURNAME/php?count=100"></script>
<div id="json_data_container"></div>
<script type="text/javascript">
//start with an unordered list element
var ul = document.createElement('ul');
//iterate through Delicious.posts creating list items for each post
for (var i=0, post; post = Delicious.posts[i]; i++) {
var li = document.createElement('li');
var a = document.createElement('a');
a.setAttribute('href', post.u);
a.appendChild(document.createTextNode(post.d));
li.appendChild(a);
//include the notes field if it exists
if (post.n) {
var p = document.createElement('p');
p.appendChild(document.createTextNode(post.n));
li.appendChild(p);
}
ul.appendChild(li);
}
//append the list to the json_data_container div element
document.getElementById('json_data_container').appendChild(ul);
</script>
</div>
</body>
</html>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.
