jQuery feed menus

jQuery feed menus

The jQuery Feed Menu

This feed menu was created easily by the following snippet of code:

var fm = new FeedMenu();
fm.write('#jquery_feed_menu_example_1');

Cool huh? That piece of code finds all of your feeds in the of your HTML document and makes them into a handy menu you can plop anywhere

Atom Feeds

Code:

var fm = new FeedMenu('link[type*=atom]');
fm.write('#jquery_feed_menu_example_2');

RSS Feeds

Code:

var fm = new FeedMenu('link[type*=rss]');
fm.write('#jquery_feed_menu_example_3');

Different Theme Classes:

Code:

/*
* @param 1: CSS link selector or array of JSON objects
* @param 2: Class Name: null, wood, azure, trans_on_dark, trans_on_light
/*
var fm = new FeedMenu(null,'wood'); //2nd param is class
fm.write('#jquery_feed_menu_example'); 

Last, something custom

And, here’s the custom code:

var oCustomLinks = [
{
title:'RSS Feed',
href:"http://feeds.feedburner.com/komodomedia"
},
{
title:'Subscribe with Bloglines',
href:"http://www.bloglines.com/sub/http://feeds.feedburner.com/komodomedia"
},
{
title:'Subscribe with Google Reader',
href:"http://www.google.com/reader/view/feed/http://feeds.feedburner.com/komodomedia"
}
];
var fm = new FeedMenu(oCustomLinks);
fm.write('#jquery_feed_menu_example_6');

Be Sociable, Share!

Leave a comment