Delectable – A jQuery Plugin
Delectable is a jQuery plugin designed to integrate delicious into any web site or project. You can display any users latest delicious links quickly and easily. This plugin also has an advanced feature, which enables you to display and browse through tags. as well as displaying the date using the delicious API. Ideal if you want to share your bookmarks on the internet.
Usage
To activate the delectable simply set a class or ID to use it on like so:
<body> <div id="delicious"> </div> </body>
You will need to be call in a copy of the jQuery framework in order for this plugin, make sure to call in the framework before you call in the plugin file like so:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript" src="jquery.delectable.js"></script>
To initiate the plugin simply call it on the class or ID you have setup like so:
$(function(){
$('#delicious').delectable({username: 'philipbeel', tags: true, date:true, limit: 10});
});
Options for Delectable
In its simplest form Delectable can be used to generate a simple feed of a users recent delicious feeds, you can set the number of feeds to display. There are also a few nice additions which are available to you which will enable you to show your tags and enable users to browse through these tags to see most popular related links :
limit:15, date:true, tags:false, tagLimit:6, username:'philipbeel'
Demo
You can checkout the plugin in its fullest form here. Please feel free to leave any constructive critisims. I will strive to improve and develop my plugins and hopefully pick up a few tips on the way, many thanks!
February 25th, 2010
Nice, I must have missed this when you posted it. I added a real basic delicious page to my site. I’ll be using this to spruce it up a bit! A million times nicer than just a bunch of links. Good stuff.
« Reply
May 13th, 2010
very nice code. Thanks.
« Reply
May 20th, 2010
useful code.. thanks.
« Reply