One of the things I've written about several times before are 'livelinks' - lists of links fed live from a social bookmarking system and embedded in a piece of teaching material, for example, as might be the case for a list of Further Reading items.
Developing the idea of DeliSearch a bit further, here's a demo of how to include a seachable list of links in a web page.
Embedded Searchable Further Reading List Demo
To include a searchable list of delicious links in your own page, all you need to include are:
- A link to a delicious JSON feed; for example, in the demo I include a list of links from my delicious bookmarks tagged web2.0:
<script type="text/javascript" src="http://del.icio.us/feeds/json/psychemedia/web2.0?count=20" ></script>
- A link to a script that will display the links in your page, add a search box, construct and execute the search query (via Yahoo);
<script type="text/javascript" src="searchList.js" ></script>
- An optional link to a style file:
<link rel="stylesheet" type="text/css" href="deliciousJSONdemo.css" />
If you view the source of the demo, you'll see there's nothing else there aside from these three includes other than the various HTML constructions that would be around in any web page.
Posted by ajh59 at March 4, 2006 10:55 PM