« »

This JavaScript tutorial will show you how to combine RSS, AJAX, and JavaScript to create a real-time RSS ticker.

Thanks to AJAX, the conventional roles of server side and client side programming are reversed in an web application like this as JavaScript- not PHP- is used to handle much of the work, including parsing the RSS file.

I've learned it's good form to always show your viewers exactly where you're leading them to begin with, so here are a couple of examples of the Ajax style RSS ticker I'll be discussing how to create.

Label: newsticker, real-time, web application, PHP, parsing, ticker, RSS, AJAX

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
Files
JavaScript
HTML
Print

rssticker.js

Copy All x2

<script type="text/javascript" src="rssticker.js"></script>

Copy All x2

CNN:
<DIV style="HEIGHT: 100px; border-style: dotted; border-width: 1px; background-color: silver; text-align: left;">
<script type="text/javascript">
//rss_ticker(RSS_id, cachetime, divId, divClass, delay, optionalswitch)
new rss_ticker("CNN", 60, "cnnbox", "cnnclass", 200)

</script>
</DIV>
<br><br><br>
Each ticker on the page can be invoked independently, for example:
<DIV style="HEIGHT: 100px; border-style: dotted; border-width: 1px; background-color: silver; text-align: left;">
<PRE><script type="text/javascript">
//rss_ticker(RSS_id, cachetime, divId, divClass, delay, optionalswitch)
new rss_ticker("CNN", 60, "cnnbox", "cnnclass", 2000)
</script></PRE>

</DIV>