Skip to main content


developerWorks  >  Web development | Open source | XML  >

Create your own information space with Ajax and del.icio.us

Design an Ajax "super page" to maximize your del.icio.us experience

developerWorks

Level: Intermediate

Tyler Anderson (tyleranderson5@yahoo.com), Freelance writer and developer, Backstop Media

26 Feb 2008

Register now or sign in using your IBM ID and password.

del.icio.us is a social bookmarking Web site that allows users to create and share browser-independent bookmarks, accessible directly over the Internet, in ways your browser won't allow. The traditional hierarchical organization of browser bookmarks is overhauled, allowing users to instead associate each and every bookmark with any number of descriptive tags. Imagine a single page where you and your friends can surf the Web and have your del.icio.us tags, links, and functions handy, or a single page where you can save the site you're browsing directly into your del.icio.us account, along with comments and chosen tags. This tutorial shows you how to use Ajax to build just such a page using a PHP script as the server-side proxy.

In this tutorial

This tutorial shows you how to use Ajax and a PHP proxy script to access del.icio.us Web APIs, all from a single "super page" that can be simulated as the home page to your Harry Potter book club. You'll make this page publicly available on the Internet so that your book club can gain traction and attract new members (as an aside, you may want to make it registration-based so that you have control over who adds links to your club). The del.icio.us APIs make this possible by allowing developers to create custom applications that allow users (such as yourself and the members of your book club) to manage tags and bookmarks directly in the club's del.icio.us account from the main club's page, without having to stray off to del.icio.us first, or click on a button in the browser.

Share this...

digg Digg this story
del.icio.us Post to del.icio.us
Slashdot Slashdot it!


Objectives

  • Learn the del.icio.us way.

  • Learn the various APIs available and test them from the browser.

  • Design a super page using a table-free Web page design with a plethora of Ajax-friendly div tags.

  • Develop a server-side proxy using PHP to handle del.icio.us API calls and to surf the Web.

  • Parse XML returned as responses from del.icio.us API calls, and edit HTML within div tags with the parsed data.

  • Implement various del.icio.us APIs in your super page.

Prerequisites

Beyond a text editor and a browser, you will need PHP and a Web server for your proxy:

  • PHP -- You'll implement the proxy in PHP. Any version will do.
  • Apache2 -- The Apache2 HTTP server is recommended as your server.

For an easy install on Windows® of both Apache2 and PHP, along with MySQL (not needed in this tutorial), see WampServer for their latest release.


Duration

1 hour





Formats

html, pdf


Share this....

digg Digg this story del.icio.us del.icio.us Slashdot Slashdot it!


Back to top


Document options

Document options requiring JavaScript are not displayed