Javascript rss feed reader example how to#
Javascript rss feed reader example update#
Javascript rss feed reader example code#
Javascript rss feed reader example download#

Implement the JavaScript code in your own app.js file.Delete the contents of the app.js file.

Javascript rss feed reader example download#

Download the source code from the github repository above.

This project took me about four hours to complete on my own given the extension research involved. The first to get the element you want and the second to traverse down to the value you want. So, what I learned was to traverse information within a select list, you have to do somewhat of a “double” traversal. Var e = document.getElementById('ddlViewBy') var strUser = e.options.text Which would make strUser be test2. If what you actually want is test2, then do this:

Var e = document.getElementById('ddlViewBy') var strUser = e.options.value Would make strUser be 2. If you have a select element that looks like this: The solution came from StackOverflow user Paolo Berganino.

Javascript rss feed reader example how to#

I learned how to get a selected value in a dropdown list using JavaScript. The biggest thing I learned is not actually shown in my project code.īut, I learned it in my quest to manipulate the data coming from the JavaScript feed object. So, I searched until I found Feednami's Feed Reader API solution.Īfterwards, it was just a matter of putting my RSS's url into the script and then manipulating the data from the object to have it show onto the web page. In the past, you could use the Google AJAX Feed Reader API to fetch this information, but it has been discontinued. However, the problem with this project is I had to find a way to covert XML data that came from an RSS feed into a JavaScript Object. Normally, when you fetch content from a web page you can use JSON, which turns the content into an object. Not because the project itself was difficult, but because the project specifications required using some sort of feed reader to fetch content from a RSS feed. This JavaScript feed reader project's objective is to grab an RSS feed from BBC News or another feed and then display it on your web page.

JavaScript Feed Reader Project (Hosted on Github Pages) Source Files If(DOM) return document.getElementById(id) įor(var i = 0 i -tickerItems.Share JavaScript Feed Reader Project Hosted Project Var tickerBorderColor = '#FFFFFF' // border color Var tickerBorderStyle = 'groove' // border style (CSS-spec) Var tickerBorderWidth = 2 // border width (pixels) Var tickerFontColor = 'blue' // font color Var tickerFontSize = 16 // font size (pixels) Var tickerFont = 'Courier New, Courier, Monospace' // font family (CSS-spec) Var tickerHLColor = '#FFF0E0' // hilight (mouse over) color Var tickerBGColor = '#E0F0FF' // background color Var tickerSpacer = '+++' // spacer between ticker entries Var tickerDelay = 30 // scrolling delay (smaller = faster) 'The quick brown fox jumps over the lazy dog.' 'Use this script to create a news ticker.', RSS TO JAVASCRIPT CODE IS AT THE END OF IT!!!!! You now have an easy function tickerUpdateItems that you just pass an array of items and it will update.

Javascript rss feed reader example update#

I had to change the way the ticketer worked a little as I couldn't figure how to update it the way it was.

By the way,it puts Rss feeds titles into a div with id feed. I couldn't figure it out, so maybe you can help me. Now I want to put titles from RSS feeds into this array in this format. For example it has to be exactly in this format othersiw it won't work In this horizontal scrolling, it takes values from an array called 'sglm'. When I run the code, first it displays titles of Rss feeds, then at the bottom there is a horizontal scrolling. Both of them are working now, but I want to display RSS feed in this horizontal scrolling. Ok, I'm using this Google Feed code and another js to display messages in a horizontal scrolling. Var container = document.getElementById('feed') First I want to show the code, then I'm going to ask my question. It helps me to display RSS by using javascript.