Member Avatar for kgonsalv

I want to put about 7 different RSS news feeds in a page. Rather than make an indivdiual page for each I was hoping to have links at the top that as such: World News, US News, Sports, Etc. Those will act as links so when they click on them that specific news feed will appear below, but the page will not reload. They have to be able to switch between news feeds and load a new one. I'm not even sure what to call this code so its been hard to look. Any suggestions or know of any code for this?
Thanks.

  • 2 Contributors
  • 1 Reply
  • 134 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by Troy
Member Avatar for Troy

To handle the content switching, I recommend you look into AJAX. This means using the javascript XmlHttpRequest object. There are a few popular AJAX function libraries out there to make it easier. I recommend the excellent one from Yahoo. Check out Yahoo's UI Library.
http://developer.yahoo.com/yui/index.html

Specifically, you want the Connection Manager -- this is Yahoo's AJAX class.
http://developer.yahoo.com/yui/connection/index.html

You'll have to play with the examples a bit to get the hang of it, but it is time spent well.

Before most modern browsers supported AJAX, the popular method was IFRAMES--like you are trying to do. You can make that work. All you need is to have your select list or links of RSS feeds change the 'src' attribute of the iframe. You can do this using getElementById, or simply use the normal window.location = "" method. This is not a complete solution, but enough hopefully for you to dig around for the full solution.

As for consuming RSS feeds, you may find my PHP examples helpful---if you use PHP that is. I have an RSS Consumption Example at http://www.troywolf.com/articles

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.