Download RSS box script

Demo

Bookmark and Share

Download files

You can download the entire project from this zip file.

Files included in package

  • rss-box.html = The main HTML you open in your browser
  • js/ajax.js = Ajax (SACK library)
  • readRSS.php = File that reads RSS data from a source. rss-box.html uses Ajax to retreve data from this file.
  • lastRSS.php = RSS parser download from http://lastrss.webdot.cz/

Setup

Server side support

This script requires that you have access to PHP on your webserver.

Creating RSS box and specify url of feed

This scripts loads content from an external RSS file into a div on your page. The first you have to do is to put in an empty div where you want the RSS box to appear. Example:

<div id="rssBox">
</div>

Then you need to specify

  • The url to your RSS source
  • Which div you want the RSS data to be placed
  • How many items you want to read from the source
  • Time between each item is shown in the box.

All this is something you specify by calling a Javascript function named "insertAjaxContent". Example:

insertAjaxContent('rssBox','http://www.dhtmlgoodies.com/rss/dhtmlgoodies.xml',5,3);

"rssBox" refers to the empty div you created, Then we have the url to the external RSS feed. I have specified that I only want the 5 newest items to be shown and the script should show an item for 3 seconds before switching to the next one.

Layout

The script uses plain CSS for the layout. This is the CSS for the demo:

#rssBox{
  width:300px;
  margin:5px;
  float:right;
  height:300px;  
  border:1px dotted #317082;
  padding:3px;
  font-size:0.8em;
  background-color:#E2EBED;

}    
.rssBoxDate{
  display:none;  /* I don't want to show the date */
}
.rssBoxHeading{  /* Heading of RSS item */
  font-weight:bold;
  color:#317082;
  margin:0px;
}
.rssBoxDescription{  /* Description of RSS item */

}  
.rssBoxLink{  /* Read more link */
  color:#F00;
  text-decoration:none;
}
.rssBoxLink:hover{  /* Read more link - mouse over */
  text-decoration:underline;
}

Javascript variables

You have two Javascript variables available:

var rssBoxTxt_readMore = 'Read more';
var rssBoxOpenLinksInNewWindow = true;

  • rssBoxTxt_readMore = Link label, i.e. the "Read more" link.
  • rssBoxOpenLinksInNewWindow = Open "Read more" links in new window or not. true = new window, false = same window

Comments

Munna
Can you please post the DEMO links..??
Munna at 08:25AM, 2012/04/15.
Stefano
Can I load more news?Thank You !
Stefano at 09:18AM, 2012/09/08.
Lance
This code no longer works tried would not show feed. 9/25/2012.............
Lance at 06:23PM, 2012/09/25.
amir leyto
thank you so much for that if i want to display rss with animation like type effect what i have to do?i used css animation but doesn't work.sorry for english
amir leyto at 06:01AM, 2015/08/17.
JamesSeems
The Best Way To Write Off Your Business From Home Space

With the right knowledge, starting your web business can be a possibility. Read this article to discover ways to get your home business up and running.

It is essential that you dress for achievement, whatever the physical location of the place you work. You could want to function in pajamas in your home office. Dress professionally instead. Dressing appropriately places you from the mindset to work productively.

Search for websites where work at home business owners gather. There exists reliable information available online, plus a quick search will result in numerous good sites. There are numerous bloggers that offer helpful information online, too.

Before starting your work from your home business, don't quit every day job. When starting a whole new business it is advisable to continue working until your new business begins generating profit. Owning an income while building up your company is highly beneficial.

If one of the products will not be available for any excuse, post that information on your web site. A great way to upset your potential customers is to get them purchase something and not tell them that it will not arrive for a lot of weeks. That is why if their item is on back-order, you must give your customers to offer the chance to select another product.

Decide on a name containing real meaning. Your company name is the brand name as well as your brand name should correspond with your prospects what products you will be selling. The name you choose will have a unique story behind it. A back story will give your brand a personality and can let your brand be recognizable to the customers, that helps develop a good client base.

A person with a flair to the artistic can see operate in graphic design. If you possess the skills, designing for businesses is incredibly profitable, especially. Don't overlook this competitive advantage.

Taking calculated risks is a huge component of becoming successful. When you experiment and check out new things, you will get customers to visit your website. This can aid you to make a ton of money. When you always maintain the identical routine, you are going to never determine something diffrent would have done better.

You should think about joining an web-based web business assembly. Conversing with others looking to do exactly the same thing as you can be helpful. Other home based business enterprise owners know what you deal with, and you could collaborate together and request for advice.

Whenever you get yourself a payment, use it from the bank. Instead of making a weekly or monthly bank deposit, make deposits daily or weekly. It may get lost when you don't deposit a check without delay. Use a teller to deposit your hard earned dollars through, as opposed to an ATM, to be certain the cash explores your account.

You wish to feel the same degree of enthusiasm while you did once your business first started. You wish to do well and you may need a boost to acquire more motivation. With any luck, this piece is helpful to you.


https://twitter.com/GeffenOody


oody
JamesSeems at 04:47AM, 2019/06/27.

Post your comment

Don't have an avatar? Create one at Gravatar.com.

Confirmation code:

Go to cbolson.com


About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2019 dhtmlgoodies.com