In this demo, I will show you how to use the Ajax capabilities of Moo.ajax with Prototype Lite in conjunction with SimplePie and del.icio.us.
What you’ll need for this demo
- A del.icio.us account (preferably with bookmarks already in it)
- The delicious-ajax package
- And, of course, the latest SimplePie for the RSS parsing (1.0PR or later)
What you need to do
- Unzip the
delicious-ajax.zipfile. - In the resulting package is a PHP folder. Drop the latest version of
simplepie.incinto that folder. - Edit the parameters in the JavaScript function near the bottom of the
demo.phpsource to list your own del.icio.us feed URL and number of entries to show. - Upload the whole
deliciousfolder to your webserver (or your localhost) - Set the cache folder to server-writable.
- Load the
demo.phpinto your web browser, and voila!
Live Demo
Use it in your own site
I suppose I should also mention that this exact same code can be used for any feed — not just delicious feeds. Of course, you might want to fine-tune it for services like Last.fm and Flickr, but that shouldn’t be too hard.
I made it a point to keep all of the various code languages as separate as possible. This should make it simple to bring this demo into your own webpages.
The only things that are required for this to work are: (1) simplepie.inc, (2) process.php, (3) prototype.lite.js, (4) moo.ajax.js, and (5) delicious-ajax.js. These five files bring the backend and frontend pieces together so that all you have to worry about is coding a <div> with an id and calling the process(id, url, qty) function either at the end of the page’s source code, or have it fire on body onload.
As simple as pie!
Comment by Werner Bohlmann 20 Jul 2006 at 5:10 am
Yes, great idea!
I would like to show the – tag content in full lenght in the box. How to make that?
I am not a programmer. I would like as simple as possible.
→ Permalink