Skip to main content

Using jQuery to parse an xml feed and create a bullet list

This one's really simple, but I end up using it a lot so why not post it?

Say you need to display an xml news feed on a site. I needed to. So I looked at how to do it with PHP, and it seemed far more over-complicated than need be for something so simple.

One again jQuery comes to the rescue. If you're not familiar with jQuery, it's a javascript library that makes javascript actually pleasant to use. I used to avoid javascript because of cross-browser issues, and everything always seemed more difficult than it needed to be. jQuery fixes all that.

The code snippet below uses jQuery to grab the XML feed, go through each item in the feed and output a simple bullet list of linked titles. Should be easy to adapt it to whatever your needs may be. Just be sure you also have the jQuery library set up on what page you use it on. It also uses a <ul id="theBox"> to put the bullet items in.


$(document).ready(function(){

  var theBox = "";

  $.get('XML URL HERE', {}, function(xml){
    $('item',xml).each(function(){
      theBox += "<li><a href=\"" + 
        $(this).find("link").text() + "\">" + 
        $(this).find("title").text() + 
        "</a></li>";

    });
  $('ul#theBox').html(theBox);
  });

});

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Using FIle FIlters in FileZilla

Here's a handy tip for situations when you want to download a large number of files - but only of a certain type. For example, perhaps you want to download all the PHP files from a largish website, scattered through many subdirectories. Perhaps you're making a backup and don't want any image files, etc. FileZilla (still the best FTP in my opinion) has a handy feature called filename filters - located under the Edit menu. Here you can set various filters that filter out files based on their filename. Took me a minute to figure that out - you're saying show only PHP files, rather you're saying filter out files that do not have ".php" as their suffix. For some reason, that seems a little backwards to me, but whatever. It works quite well. You can also check whether the filter applies only to files, only to directories - or both. In this example, you'd want to check only files, as otherwise you won't see any directories unless they happen to end in...
1 comment
Read more

Great google article

Over on Maximum PC - there were a few things I didn't know you could do with the various Google apps. One is uploading files to google docs - any file. Which ties in well with my previous post about storing passwords - I uploaded a copy of my password safe file to google docs as a backup. Can't hurt, right? Also, I wasn't aware that you could set up forms in google docs that act as surveys, and then store the results in a google docs spreadsheet. This is a little alarming, as a decent amount of my work involves coding up custom surveys similar to this...
1 comment
Read more

Cleaning content from OpenOffice using Perl

Open office is great software for a number of things - I use it as my office software instead of paying a premium for Microsoft office. But one thing it's not so hot at is converting documents to clean HTML. And one of the main things I use it for is adding content to sites that clients send me in word files or excel spreadsheets. Of course, you can always cut and paste, but that loses a lot of formatting. For example, if the content uses a lot of italics, bold text, etc. it can be a huge pain to go back and put all that back in. Another common situation is a client sending some sort of tablular data in a spreadsheet - for example a list of events. It's the kind of data that can change a lot, and it also needs to be in a table with some decent formatting to be usable. Doing it manually is a lot of grunt work. But grunt work is what computers excel at, and I'm not very good at. So I've developed a number of perl scripts to help streamline this kind of job. I'll go ...
3 comments
Read more