Home » » jquery.rss

jquery.rss

This plugin can be used to read a RSS feed and transform it into a custom piece of HTML.

Setup

<!DOCTYPE html>
<html>
  <head>
    <title>jquery.rss example</title>
    <script src="lib/jquery-1.6.4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
    <script src="src/jquery.rss.js"></script>
    <script>
      jQuery(function($) {
        $("#rss-feeds").rss("http://feeds.feedburner.com/premiumpixels")
      })
    </script>
  </head>
  <body>
    <div id="rss-feeds"></div>
  </body>
</html>
Note: Moment.js is optional. If you include it, jquery.rss will use it to format dates. If you do not want to include Moment.js, you may opt for providing your own date formatting function, or for not formatting dates at all.

Options

$("#rss-feeds").rss(
  "http://feeds.feedburner.com/premiumpixels",
  {
    // how many entries do you want?
    // default: 4
    // valid values: any integer
    limit: 10,

    // want to offset results being displayed?
    // default: false
    // valid values: any integer
    offsetStart: false, // offset start point
    offsetEnd: false, // offset end point

    // will request the API via https
    // default: false
    // valid values: false, true
    ssl: true,

    // which server should be requested for feed parsing
    // the server implementation is here: https://github.com/sdepold/feedr
    // default: feedrapp.info
    // valid values: any string
    host: 'my-own-feedr-instance.com',

    // outer template for the html transformation
    // default: "<ul>{entries}</ul>"
    // valid values: any string
    layoutTemplate: "<div class='feed-container'>{entries}</div>",

    // inner template for each entry
    // default: '<li><a href="{url}">[{author}@{date}] {title}</a><br/>{shortBodyPlain}</li>'
    // valid values: any string
    entryTemplate: '<p>{title}</p>',

    // additional token definition for in-template-usage
    // default: {}
    // valid values: any object/hash
    tokens: {
      foo: 'bar',
      bar: function(entry, tokens) { return entry.title }
    },

    // formats the date with moment.js (optional)
    // default: 'dddd MMM Do'
    // valid values: see http://momentjs.com/docs/#/displaying/
    dateFormat: 'MMMM Do, YYYY',

    // localizes the date with moment.js (optional)
    // default: 'en'
    dateLocale: 'de',

    // formats the date in whatever manner you choose. (optional)
    // this function should return your formatted date.
    // this is useful if you want to format dates without moment.js.
    // if you don't use moment.js and don't define a dateFormatFunction, the dates will
    // not be formatted; they will appear exactly as the RSS feed gives them to you.
    dateFormatFunction: function(date){},

    // the effect, which is used to let the entries appear
    // default: 'show'
    // valid values: 'show', 'slide', 'slideFast', 'slideSynced', 'slideFastSynced'
    effect: 'slideFastSynced',

    // a callback, which gets triggered when an error occurs
    // default: function() { throw new Error("jQuery RSS: url don't link to RSS-Feed") }
    error: function(){},

    // a callback, which gets triggered when everything was loaded successfully
    // this is an alternative to the next parameter (callback function)
    // default: function(){}
    success: function(){},

    // a callback, which gets triggered once data was received but before the rendering.
    // this can be useful when you need to remove a spinner or something similar
    onData: function(){}
  },

  // callback function
  // called after feeds are successfully loaded and after animations are done
  function callback() {}
)

Note about the host option

Since version 3.0.0 the plugin is no longer using the Google Feed API but a drop-in replacement called feedr. That server is currently running on Heroku and might have some downtimes, interruptions or unexpected issues. While I will try to keep those problems as rare as possible, it can totally happen from time to time. I might move the service to some other provide or even improve the infrastructure.
If you don't want to rely on the provided server and instead run your own version, you can just download feedr, install the dependencies and run it. As written above, you can specify the host which is used to parse the feeds with the host option.

Templating

As seen in the options, you can specify a template in order to transform the json objects into HTML. In order to that, you can either define the outer template (which describes the html around the entries) or the entry template (which describes the html of an entry).
The basic format of those templates are:
# layoutTemplate:
"<outer-html>{entries}</outer-html>"

# entryTemplate:
"<any-html>{token1}{token2}</any-html>"
So, let's say you have specified a limit of 2, using the upper pseudo html. This will result in the following:
<outer-html>
  <any-html>{token1}{token2}</any-html>
  <any-html>{token1}{token2}</any-html>
</outer-html>
There are some predefined tokens:
  • url: the url to the post
  • author: the author of the post
  • date: the publishing date
  • title: the title of the post
  • body: the complete content of the post
  • shortBody: the shortened content of the post
  • bodyPlain: the complete content of the post without html
  • shortBodyPlain: the shortened content of the post without html
  • teaserImage: the first image in the post's body
  • teaserImageUrl: the url of the first image in the post's body
  • index: the index of the current entry
  • totalEntries: the total count of the entries
  • feed: contains high level information of the feed (e.g. title of the website)
You can also define custom tokens using the tokens option:
$('#foo').rss(url, {
  entryTemplate: "{dynamic}, {static}, {re-use}",
  tokens: {
    dynamic: function(entry, tokens){ return "dynamic-stuff: " + entry.title },
    "re-use": function(entry, tokens){ return encodeURIComponent(tokens.teaserImageUrl) },
    static: "static"
  }
})
Please make sure to NOT define infinite loops. The following example is really BAD:
$('#foo').rss(url, {
  entryTemplate: "{loop}",
  tokens: {
    whoops: function(entry, tokens) { return tokens.loop() }
    loop: function(entry, tokens) { return tokens.whoops() }
  }
})
Here is a real-world example:
$('#foo').rss(url, {
  layoutTemplate: "<table><tr><th>Title</th></tr>{entries}</table>",
  entryTemplate:  "<tr><td>{title}</td></tr>"
})

Filtering

The plugin also allows you to filter specific entries in order to only print them:
$("#foo").rss(url, {
  limit: 100,
  filterLimit: 10,
  filter: function(entry, tokens) {
    return tokens.title.indexOf('my filter') > -1
  }
})
This will request 100 entries via the Feed API and renders the first 10 matching entries.

62 Comments:

Libby Howells said...

Looking for someone who can take my class for me? We're here to provide professional online help for class assignments, homework, exams & tasks.

KOLD said...

Your post is helping me a lot. Its really nice and epic. Thanks a lot for the useful info on this topic. You did it so much well. I love to see more about GBWhatsApp. Keep sharing and updating. Also share more posts with us. Thank you.

Kaylee Brown said...

Most of the institutes are shifting their classes to online mode these days. Now, when you find the positive side of this, there is a huge negative side to this. If it were a theoretical subject, students might be able to finish this easily. But Java is a programming language, and only practical classes can help a student properly earn the subject. Now under such circumstances, if you are looking for Java assignment help, you are not wrong! Students need to have regular classes in order to learn and rule the subject. But with the distant learning process, the whole thing seems very tough for them. Hence, going for Java programming assignment help is the easiest thing they can go for!

GOSTOPSITE33 said...

Incredible things you've generally imparted to us. Simply
continue written work this sort of posts. The time which was
squandered in going for educational cost now it can be utilized for
studies. Thanks
고스톱

TOTOSITEWEB33 said...

Very nice post. I just stumbled upon your blog and wanted to say
that I’ve truly enjoyed surfing around your blog posts.
After all I
will be subscribing to your feed and I hope you write again very
soon!
스포츠토토

GUIDE1903 said...

It was a very good post indeed. I thoroughly enjoyed reading it in
my lunch time. Will surely come and visit this blog more often.
한국야동

TOTOSAFEDB33 said...

Just admiring your work and wondering how you managed this blog so
well. It’s so remarkable that I can't afford to not go through this
valuable information whenever I surf the internet!
토토사이트

toto365pro said...

Your way of describing the whole thing in this post is truly fastidious, all be able to simply know it, Thanks a lot. 스포츠토토


sportstototvcom said...

Hello, it's my first go to see of this weblog; this blog includes awesome and truly excellent material for readers. 스포츠중계


Julie said...

The main task of Technology write for us of ThoughtsMag is to encourage talented writers who are interested write topics and publish on our website. If you have also any good information related to our website, share your thoughts to us through below methods, we will check your content and publish your article on this website. And we will credit you by giving a author name or your website address in that article.

Ammulu said...

Thoughtsmag is a dais for all the latest innovative technology updates and news, and this is also a place for mobile gadgets, artificial intelligence, ios, android apps, digital marketing, business, reviews and information.content://com.android.browser.home/

Ammulu said...

technology write for us contribute (sponsored post) to The Weekend Leader. All guest bloggers have an opportunity to “Write For Us” Technology related guest post like, business, E-mail Online Marketing, Information Technology (IT), Top Gadgets, and top 10 Apps list, SEO, AI, Internet of Things (IoT) related content.

technology write for us said...

13377x proxy

technology write for us said...

The 13377x proxy is a preferred app to use when we don't have access to torrent files. we have browsed some proxy sites and filtered a full list of easy to use proxies in any location where we cannot access other torrent files.

Gaurish Technologies Pvt. Ltd. said...

Your Content is amazing and I am glad to read them. Thanks for sharing the Blog.this blog is very helpful information for every one.

Website Development Company in Gwalior

Web Development Company in Gwalior

Marriage Garden in Gwalior

Facebook Discontinued Marketplace Vehicle Listings? How Can We Help?

New and Used Cars for Sale in USA

Lubbock moving company

Online Auto Auctions for Car Dealers

Best CRO and Top CMO Company in New Jersey USA

Powerstar said...

The PDF edited by pdfsimpli can be used in digital publication marketing or compressing multimedia; you can use it in any way. Some of the features are provided underneath that will describe why it is known to be a prominent pdf editor online.

totosite365.info said...

Fantastic web site. Lots of helpful info here 슬롯머신

sportstototopcom said...

This is a very interesting post. Thank you for posting a lot of interesting posts. And please visit my site! 스포츠토토

yadongbiz said...

I used to be checking continuously this weblog and I am impressed! Appreciate it for your efforts. Feel free t o visit my website; 야설

japanyadongcom said...

Really satisfied with all the information I have found in this article. It gives immense knowledge on physical education, it is very helpful and quite generous to spread a good message. Feel free to visit my website;
한국야동

koreayadongcom said...

Everything is very open with a really clear explanation of the challenges. It was definitely informative. Your site is useful. Thank you for sharing. Feel free to visit my website;

국산야동




chinayadongnet said...

Hi! I just would like to give you a huge thumbs up for the great info you have got right here on this post. I'll be coming back to your site fo일본야동 r more soon. Feel free to visit my website;

yahanvideonet said...

Such a valuable post. I like it very much and I like your choice words also. I am waiting for your next valuable post. Feel free to visit my website;
일본야동

olivila jhon said...

Make sure the surface where you are placing the printer is clean and close to Pc or laptop.Check the shipped components with your inkjet printer
http //ij.start.canon,
https //ij.start.cannon

olivila jhon said...

Allows you to download, install, and configure setup on your PC, Mac and smartphones as well. Canon ij setup is the software to install Canon printer wirelessly.
ij.start.canon,
ij.start canon

ethan potter said...

Canon IJ Network Tool will get you through the network settings uninterruptedly. It is essentially required when you are attempting to get your printer connected to a different network because a new network tends to reset the printer’s existing network settings.The Canon IJ Printer Utility can be used to keep a check on your printer’s ink levels and cartridges and clean the ink tanks and paper feed rollers. Also, you can make adjustments to your Canon printer’s power settings.

James K. said...

The ij.start.cannon setup process for every Canon model is almost similar, however the download through https //ij.start.cannon and http //ij.start.cannon installation process may differ. you can also visit canonsetup-canon.com/ijsetup website for same. Https //ij.start.cannon.Depending on your requirement, it offers a type printer including PIXMA, SELPHY, MAXIFY, etc. canon.com/ijsetup

Unknown said...

Once you are done with the driver setup via canon.com/ijsetup , you will have to insert a pile of pages into the printer tray for printing the documents..

Visit ij.start.canon | ij.start canon and find out the best way to download Canon printer drivers.

All-in-one Canon Inkjet printers are suitable for home, business, school, and others to improve productivity. You can easily set up your Canon printer through drivers from Canon.com/ijsetup , wireless connection, USB, and a few components.

Anonymous said...

Love it. Great work done. Nice website. Love it. This is really nice.
Hbomax/tvsignin
Disneyplus.com/Begin
Disneyplus com login begin
Cricut.com/setup

Unknown said...

Meanwhile, choosing to operate in Document Mode, you ensure the improved readability of your documents as a result of scanning the document. Similarly, in Photo Mode, you can get the best quality of your photos scanned. ij scan utility | ij canon scan utility

Patrika Jones said...

Nice...
It's a very powerful article. I really like this post. Thank you so much for sharing this.

ij.start.cannon
ij.start.canon

technology write for us said...

[pii_email_a42277285fa7a777ff7e] error is the most common error that anyone can face this issue in their daily life.

casinositezone.com said...

Very nice article and straight to the point. I don't know if this is truly the best place to ask but do you folks have any idea where to get some professional writers? Thank you. Feel free to visit my website;
바카라사이트

baccaratsite.biz said...

I am glad to discover this page. I have to thank you for the time I spent on this especially great reading !! I really liked each part and also bookmarked you for new information on your site. Feel free to visit my website;
바카라사이트

technology write for us said...

[pii_email_a42277285fa7a777ff7e] error is the most common error that anyone can face this issue in their daily life. If you are also looking to get over this error, then you are at the right place.

honeywebsolutions said...

Thanks for sharing this with so much of detailed information, its much more to learn from your article. Keep sharing such good stuff.
write for us digital marketing
free movies online popcornflix
<a href="https://bloggerguestpost.com/vegamovies/>vegamovies</a>

technology write for us said...

The main task of Technology write for us of Teatimeflip is to encourage talented writers who are interested write topics and publish on our website.

ethan potter said...

Canon IJ Network Tool you to watch out for the points mentioned below considerably:
If you want a LAN setup for your printer, you should have the required connectivity equipment such as Network Access Point (Router/ Modem), LAN Cable etc.To get your IJ Network tool to work, you first need to check your printer’s connectivity via LAN connection. Next, check your LAN cable carefully.Canon IJ Printer Utility you can alter your printer’s ink cartridge settings according to your requirements. If any ink cartridges get empty, you can continue to print with other available cartridges after changing the settings.

Max Turner said...

Visit ij.start canon | ij.start.cannon and find out the best way to download Canon printer drivers. Canon printers are ideal for every situation wherever you need a document, paper, or photo print or even if you wish to scan, fax, and do more.

All-in-one Canon Inkjet printers are suitable for home, business, school, and others to improve productivity. You can easily set up your Canon printer through drivers from Canon.com/ijsetup | canon.come/ijsetup , wireless connection, USB, and a few components.

Unknown said...

download relevant printer software from ij start cannon site. We offer the required data to configure, utilize and install your Canon products on your Windows PC canon is completely safe and secure. ij.start.canon |
ij.start.cannon

olivila jhon said...

you are placing the printer is clean and close to Pc or laptop. Check the shipped components with your inkjet printer
http //ij.start.canon,
https //ij.start.cannon

olivila jhon said...

WiFi or wireless connection is the best way to connect your PC and Canon printer. However, your printer should be the wireless model for this process.
ij.start.cannon

Jessica Lucas said...

The new report by Expert Market Research titled, ‘Global Vegetable Oil Market Size, Price, Share, Trends, Report and Forecast 2022-2027′, gives an in-depth analysis of the global vegetable oil market, assessing the market based on its segments like oil types, applications, and major regions. The report tracks the latest trends in the industry and studies their impact on the overall vegetable oil price market. The major players in the market are Bunge Limited (NYSE: BG), ADM (NYSE: ADM), Wilmar International Ltd. (SGX: F34), Louis Dreyfus Company and, Cargill, Incorporated (INDEXDJX: .DJI) among others. The report also covers the market shares, plant turnarounds, capacities, expansions, investments, and mergers and acquisitions, among other latest developments of these market players. Expert Market Research cover over 100 industries across established and emerging markets researched by our skilled analysts who track the latest economic, demographic, trade and market data globally.

FamilyTreeMakerHelps said...

Family Tree Maker 2019 Setup Guides

Sync Family tree maker with Ancestry

How to recover Ancestry username and password

Family Tree Makers (FTM) sync issues

Family tree maker replacement

Family tree maker file converter

FTM 2017 download

How to fix display issues in Family Tree Maker for windows?

BACK UP AND SYNC LOGS IN FAMILY TREE MAKER 2019

ERROR WHEN DISPLAYING TREE IN FAMILY VIEW ON ANCESTRY

realestatesrasta said...

"Thanks for sharing this with so much of detailed information, its much more to learn from your article. Keep sharing such good stuff.Movie4K is the most popular torrent website, which uploads all of its movies as pirated content. It is one of the websites known to leak movies. However, it is known for the uniqueness that it offers. Before Movie4K, no website uploaded the latest Hollywood films. This website makes its users view quality HD prints ranging from 360P to 720Pof newly-launched films to their users as quickly as possible.The Film Relationship of America had closed Movie4k in 2013 because of copyright infringement issues. However, it is a famous site to post television programs and movies at the quickest streaming rates. It has also acquired impressive fans as it offers a broad rundown of the most well-known film industry motion pictures.Movie4k.to, similar to torrenting administration, has had comparative difficulties. Different countries have prohibited the site as this site contains free film streaming and download, which is considered unlawful. Different clients seeing material/ content on Movie4k.to cannot associate with this site. Therefore this website is considered unlawful and is being banned/blocked in different countries. One needs to check if his country has blocked/ banned this website and accordingly use it; otherwise, even if he tries to access it will be considered a crime.https://srasta.in/movie4k-proxy-mirror-sites/ ALSO READ::
torrentz
cmovies
torrentz2"

rosie said...

In the world of casinos there are some very popular techniques that can increase your chances of winning games like roulette.write for us casino

dubsmashmovie said...

Thanks for sharing this with so much of detailed information, its much more to learn from your article. Keep sharing such good stuff.
write for us entertainment also known as guest posting, is the practice of writing a blog post for another company’s website. Usually, bloggers write on relevant topics within their industry to attract traffic to their website. According to experienced SEO experts, guest posting always pays off and is the best way to earn high-quality links. Being referred or featured on reputed websites will go a long way toward helping you rank high in search engines.
read more;write for us entertainment
7starhd new proxy links
filmy wap website
Isaidub
rdxhd 2022
sdmoviespoint proxy
coolmoviez
skymovies in 2022

casinositeone.JDS said...

I will support you.Such a very useful article. Very interesting to read this article.I would like to thank you for the efforts you had made for writing this awesome article. 카지노

casinosite777info.JDS said...


This is very interesting, You’re a very skilled blogger. I have joined your feed and look forward to more of your magnificent post. 온라인카지노

casinositezone.JDS said...

just like to say thank for a tremendous post and all round interesting website. 바카라사이트

casinositeguidecom.JDS said...

it’s really a nice and useful piece of information. I’m happy that you simply shared this helpful information with us. Please keep us informed like this. Thank you for sharing. Feel free to visit my website;
바카라사이트

rosie said...

Digital Techtop include a range of quality writings in the field of social media, software,technology,business and marketing.tech write for us

technology write for us said...

So you have searched about how to pair this Spotify. However, for your information, let us tell you that with the help of a link like “https//spotify.com/pair”, you can pair Spotify on your TV as well.

techhubbblog said...

Thanks for sharing this with so much of detailed information, its much more to learn from your article. Keep sharing such good stuff. “Technology Write For Us” to techhubblog.com is a universal platform for tech-related news such as trends and updates in the latest technology, reviews on newly launched gadgets, the Internet of things, tips, and strategies on digital marketing, Robotics, Artificial Intelligence, practicable Business ideas, etc. technology write for us cinemavilla tamil movies technology business write for us 1887x torrent search engine 9xmovies 2022 13377x proxy list 13377x

todaytechreviews said...

tech write for us is a universal platform for tech-related news such as trends and updates in the latest technology, reviews on newly launched gadgets, the Internet of things, tips, and strategies on digital marketing, Robotics, Artificial Intelligence, practicable Business ideas, etc.Our prime purpose is to provide our readers with accurate, genuine, sensible, and factual content on technology. Technology and its branches are evergreen concepts with frequent innovations and developments. Techies and non-techies constantly explore the Internet to get aware of the latest inventions and solutions and get updated to lead a forward-looking life.
technology write for us

digitechwebservices said...

Thanks for sharing this with so much of detailed information, its much more to learn from your article .
A Digital Web Services that knows what it takes to propel your business forward. digital marketing write for us is all set to grant people command over their voice and thoughts. This platform is for those who seek opportunities to deliver exceptional content. We invite bloggers to our platform where they can share their stories. If you are an expert in digital marketing with something to educate our audience, you can send your tips, how-to articles, case studies, trends, or listicles.tech write for us is a universal platform for tech-related news such as trends and updates in the latest technology, reviews on newly launched gadgets, the Internet of things, tips, and strategies on digital marketing, Robotics, Artificial Intelligence, practicable Business ideas, etc.Our prime purpose is to provide our readers with accurate, genuine, sensible, and factual content on technology. Technology and its branches are evergreen concepts with frequent innovations and developments. Techies and non-techies constantly explore the Internet to get aware of the latest inventions and solutions and get updated to lead a forward-looking life.
read more;write for us Tech

todaytech85 said...

Thanks for sharing this with so much of detailed information, its much more to learn from your article .technology write for us is a universal platform for tech-related news such as trends and updates in the latest technology, reviews on newly launched gadgets, the Internet of things, tips, and strategies on digital marketing, Robotics, Artificial Intelligence, practicable Business ideas, etc.Our prime purpose is to provide our readers with accurate, genuine, sensible, and factual content on technology. Technology and its branches are evergreen concepts with frequent innovations and developments. Techies and non-techies constantly explore the Internet to get aware of the latest inventions and solutions and get updated to lead a forward-looking life.

techupdates said...

Thanks for sharing this with so much of detailed information, its much more to learn from your article. Keep sharing such good stuff.
Tech Updates World always welcome new writers who want to guest post, Sponsor Post or contribute articles regularly.
Write for Us Technology
Write For US Gadgets

Times22 said...

Thanks for sharing this with so much of detailed information, its much more to learn from your article. Keep sharing such good stuff.education write for us is a top preference for a better society. There are numerous relevant topics and ideas that you can blog about. If you believe you are an expert in educational writing, then take the opportunity to be part of our growing blog. We are always searching for high-quality content writers about anything related to education that may help students and our readers to get ideas and knowledge.
submit guest post education
education + write for us

Jennifer Mofi said...

Magellan roadmate Updates
Some popular Gps devices like- Magellan devices like magellan maestro 3200,magellan roadmate 1440,magellan maestro 4040, magellan roadmate 5235t-lm,magellan roadmate 1700,magellan roadmate 1470, and other old and newer models. We’ll help you to get easy maps, software / Firmware updates.

Are you planning a trip or going out and wondering if you could have the latest maps to make your trip or your work. Well, you’re a step away from the latest map updates. Latest map updates make sure that you always reach your destination on time with full-proof accuracy.

insurance said...

Thanks for sharing this with so much of detailed information, its much more to learn from your article. Keep sharing such good stuff.
Insurance Exchange is focused on creating sustainable value growth through innovative solutions and unique partnerships. Our values are at the heart of our business reputation and are essential to our continued success. We foster an environment to instill these values in every facet of our organization.
insurance exchange

Rosanna said...

Great post,
Thanks to share lots of information with us.
Starter Kits,vapers can find the Smoant Starter Kit,premium kits and Augvape RTA and Augvape Kits here,whatever you are the beginner user or experience vapor,all of them will great prince
vapeciga.uk

Popular Posts