RSS feed to html website

dathi1 · 26-10-2007 10:40am #1

I have a bog standard .shtml website. I update a news column on another blog which has an RSS feed. Is there a way to make a page within my existing html website that will update automatically and show the news content when my blog news page does.

seamus · 26-10-2007 10:55am

You can use Javascript to download the content of the RSS feed, parse it and display it on the page. Whenever a user accesses the page, the Javascript can download the latest content from your blog.

dathi1 · 26-10-2007 11:15am

Sounds good. I'll search see if there's a widget or raw script available to do this. thanks.

seamus · 26-10-2007 11:25am

For the sake of cleanliness, just remember that a tiny proportion of visitors may not have javascript enabled. For these people, it may be worth displaying text like, "Because you have javascript disabled, you cannot see my blog

. Click here to go directly to it".

aidan_walsh · 26-10-2007 11:53am

If you have both sites on the same host, look into using PHP's (assuming thats what your blog is running on) XML parsing library to process the RSS file on the server side.

Rollo Tamasi · 26-10-2007 11:54am

Feed2JS

Evil Phil · 26-10-2007 12:02pm

Another way of dealing with such elements is to use javascript to display them. That way the don't show for the few without javascript enabled browsers.

Wrap the rss display element in a div, set the div class to hide that div and in the page onload event or where ever call a function to change the div's class so it can be seen (as below). Javascript browsers will show the div, non javascript browsers won't. Its a personal preference really, I find <NOSCRIPT> ugly. You also may not want to use document.getElementById().

[html]
<HTML>
<HEAD>
<style type="text/css">
div.rss-hide {
display:none;
}
div.rss-show {
display:block;
}
</style>
<script type="text/javascript">
function displayRss(){
document.getElementById('rssFeed').className = 'rss-show';
}
</script>
</HEAD>
<BODY onload="displayRss();">

<div id="rssFeed" class="rss-hide">

This is the rss feed.
</div>
</BODY>
</HTML>
[/html]

<edit>Just noticed a typo.

matt-dublin · 26-10-2007 1:35pm

find out what server side scription your provider supports.

it would be much easier and user friendly if it was server side

Laslo · 29-10-2007 10:57am

matt-dublin wrote: »

find out what server side scription your provider supports.

it would be much easier and user friendly if it was server side

Precisely. It's much easier to do this with PHP (or ASP) and XSL and there are loads of examples online.

RSS feed to html website

Comments