Never mind the bollocks here's the RSS

Arse Bandit Alert!

Tim Huffam — Wed, 09 Nov 2005 21:17:00 GMT

LMAO when stumbling across an RSS aggregator called RSS Bandit.

Actually, it's very good... and the app aint bad either ;-)

Displaying RSS XML as HTML using javascript

Tim Huffam — Sun, 16 Oct 2005 23:06:00 GMT

Here's an HTML page containing javascript functions for displaying an RSS feed in nicely formatted HTML.

Licence Agreement:
To use this work, you, the licencee, agree to purchase, me (Tim Huffam) a pint of beer.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> HTML RSS Viewer </TITLE>
<script>
var rssDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");
rssDoc.onreadystatechange = popData;

function displayRSS(path){
mainTitle.href = "";
mainTitle.innerHTML = "";
items.innerHTML = "";

rssDoc.load(path);
}

function popData(){
if(rssDoc.readyState!=4)
return;

// Title
mainTitle.href = rssDoc.selectSingleNode("/rss/channel/link").text;
mainTitle.innerHTML = rssDoc.selectSingleNode("/rss/channel/title").text;

// Items
    var rssItems = rssDoc.selectNodes("/rss/channel/item");
for(var i=0;i<rssItems.length;i++)
{
  var item='<li><a href="' + rssItems[i].selectSingleNode("./link").text + '" class="itemTitle">';
  item+=rssItems[i].selectSingleNode("./title").text
     item+='</a><br/><div class=item>';
  item+=rssItems[i].selectSingleNode("./description").text;
  item+='</div></li>';
  items.innerHTML+=item;
}

}
</script>
<style>
.title{
  font-family: verdana;
  font-weight: bold;
}
.itemTitle{
  font-family: verdana;
  font-size: 10pt;
}
.item{
  font-family: verdana;
  font-size: 10pt;
}
</style>
</HEAD>

<BODY>

Displaying RSS XML as HTML using a XSLT transformation

Tim Huffam — Sun, 16 Oct 2005 22:57:00 GMT

Thought it was about time there was a xsl template for allowing you to view RSS... so here's a basic one I've knocked up.. feel free to use (note that I've added some jigery-pokery so it caters for encoded embedded html within the rss description element).

I'll follow this post with another one showing how to acheive this using javascript (ajax style).

To use, just save the following xsl to a file, then add a reference to it in your rss feed with the following line:

<?xml-stylesheet type="text/xsl" href="testrss.xsl"?>

XSL:

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/">
    <html>
      <head>
        <title>RSS Viewer</title>
  <script><![CDATA[
  function HTMLDecode(s){
    s = s.replace(new RegExp(/</gi), "<");
    s = s.replace(new RegExp(/>/gi), ">");
    s = s.replace(new RegExp(/&/gi), "&");
    return s;
  }]]>
  </script>
  <style>
  .title{
   font-family: verdana;
   font-weight: bold;
  }
  .itemTitle{
   font-family: verdana;
  }
  .item{
   font-family: verdana;
  }
  </style>
      </head>
      <body>
   <a href="{/rss/channel/link}" class="title">
  <xsl:value-of select="/rss/channel/title"/>
   </a>
        <form>
  <div>
  <ul>
        <xsl:apply-templates select="/rss/channel/item"/>
  </ul>
  </div>
        </form>
      </body>
    </html>
</xsl:template>

<xsl:template match="item">
<li>
   <a href="{link}" class="item">
  <xsl:value-of select="title"/>
   </a><br/>
   <div>
     <xsl:attribute name="id">td<xsl:number level="any"/></xsl:attribute>
     <xsl:value-of select="description"/>
  <script>td<xsl:number level="any"/><![CDATA[.innerHTML=HTMLDecode(]]>td<xsl:number level="any"/><![CDATA[.innerHTML);]]></script>
  </div>
</li>
</xsl:template>
</xsl:stylesheet>