Looking for more information on how to do PHP the right way? Check out PHP: The Right Way

Building a jQuery-Powered Tag-Cloud
Jan 29, 2009 @ 17:30:03

Dan Wellerman has written up a tutorial for NETTUTS.com about making a jQuery and PHP-powered tag cloud out of the tagging already a part of your site.

Aside from the actual links themselves, which give people an idea of the subjects that your site covers, they can also show how popular the different subjects are. Another great thing about tag-clouds is that they can be used to describe the frequency of anything; you can link to articles, blog posts, images, video, or anything else that you have in abundance on your site.

The javascript makes an Ajax call back to a PHP script waiting in the background (that pulls the tags out of their example database). It puts them into a JSON format and pushes them back out to the script, though they should have gone with json_encode instead of their own partial soltuon.

The jQuery then parses the JSON message back out and drops it into CSS styled divs already in the page. As always, the source in available for download.

tagged: tutorial jquery tag cloud backend json ajax