Home arrow Articles arrow User Guides arrow RSS: Javascript Feeds

RSS: Javascript Feeds

Written by Kelsey Sigurdur Friday, 07 April 2006

Javascript Feeds are ideal for sites that receive low to moderate amounts of traffic and don't have access to server-side scripting technologies. Simply copy & paste the Javascript code into one or more of your pages and your visitors will instantly receive up-to-the-hour updates from uncharted.ca

In addition, web site operators can customize the appearance of the RSS Feed on their site by modifying a few CSS selectors. The CSS selectors can be added to an external style-sheet, be included between the <head> and </head> tags, or simply pasted right before the Javascript code itself.

Some common Javascript RSS Feed URLs are listed in the table below. If you'd like more granular control over the content and quantity of your RSS Feed, please visit our Custom RSS Feed Generator and be sure to select the Javascript format from the Additional Options area.

Also below you will find a list of the CSS selectors provided in the RSS Feed and an image showing which element belongs to which selector.

Finally, on the following pages you'll find some working examples of the Javascript Feeds and the CSS used to style them. Feel free to copy & paste the code right into your pages then modify it however you see fit.

Javascript Feed URLs
Content URL
News, Articles, & Announcements <script type="text/javascript" src="http://www.uncharted.ca/rss/feed.php?version=JS"></script>
News <script type="text/javascript" src="http://www.uncharted.ca/rss/feed.php?source=news&version=JS"></script>
Articles <script type="text/javascript" src="http://www.uncharted.ca/rss/feed.php?source=articles&version=JS"></script>
Forums <script type="text/javascript" src="http://www.uncharted.ca/rss/feed.php?source=forums&version=JS"></script>
Events <script type="text/javascript" src="http://www.uncharted.ca/rss/feed.php?source=announcements:events&version=JS"></script>

CSS Selectors

  1. img.feed_js_image
  2. div.feed_js_title
  3. a.feed_js_title
  4. div.feed_js_description
  5. div.feed_js_item_title
  6. a.feed_js_item_title
  7. div.feed_js_item_description
Corresponding Elements
Corresponding Feed Elements

You can check out a few style examples on the following pages.

© 2017 uncharted.ca

0.035855