How do I make RSS feed in Widget display in revers chronological order?

I created a widget based upon Javascript code I examined in a pre-existing widget. (I am something of a newbie and just have a basic understanding of Javascript.) The widget reads an RSS feed from a Discussion Forum located on a secure server. When I look at the feed results using the RSS Reader in IE7, the results are in reverse chronological order (newest to oldest) like I want. However, when I view the source, the results are oldest to newest. I need to know how to programmatically reverse the order so that the results show up in my widget from newest to oldest.

Below are snippets from my HTML code and my Javascript code as well as a screenshot of the widget. I had to block out some stuff because this comes from a secure environment.
<html>
<head>
<title>Director's Blog Widget</title>
    <script src="script1.js"></script>
    <style>
        body {font:8pt arial;margin:0;}
        #widgetBody {position:relative;background:url(bg.png) no-repeat;width:240px;height:299px;}
        #textWindowBox {position:absolute;top:75px;left:15px;width:200px;height:221px;overflow:hidden}
        #textWindow {position:relative;padding-top:7px;}
        #scrollBarBox {position:absolute;width:12px;height:216px;top:74px;left:221px;}
        #scrollBar {position:relative;width:12px;height:40px;background:url(scroll.jpg) no-repeat;}
        #ahome {position:absolute;top:52px;left:150px;width:75px;height:14px;cursor:pointer;background-color:transparent;}
        #home a {display:block;width:75px;height:14px;}
        .dragme{position:relative;}
        .itemBlock {margin:0 0 3px 0;padding:0 0 4px 0;border-bottom:1px dotted #adafb3;}
        .itemDate {color:#666;font-size:.9em;line-height:1.1em;}
        .itemTitle {font-weight:bold;line-height:1.1em;}
        .itemTitle a {text-decoration:none;color:#254a7d;}
        .itemDescription {}
    </style>
</head>
<body onLoad="init()">
 
<div id="widgetBody">
	<div id="home"><a href="url" target="_blank"></a></div>
	<div id="textWindowBox">
		<div id="textWindow">
			<div id="outputBlock"></div>
		</div>
	</div>
	<div id="scrollBarBox">
		<div id="scrollBar" class="dragme"></div>
	</div>
	<div style="clear:both;"></div>
</div>
 
<script language="javaScript">getData(2)</script>
 
</body>
</html>
 
---------------------------------------
//XML CODE
 
var http_request = false;
var dataFileName;
 
dataFileName = "rss source from Discussion Forum";
 
 
 
function getData(dataFileIndex) {
	if (window.ActiveXObject) { //IE
		http_request = new ActiveXObject("Microsoft.XMLHTTP");
	} else if (window.XMLHttpRequest) { //other
		http_request = new XMLHttpRequest();
	} else {
		alert("your browser does not support AJAX");
	}
	http_request.open("GET",dataFileName,true);
	http_request.setRequestHeader("Cache-Control", "no-cache");
	http_request.setRequestHeader("Pragma", "no-cache");
	http_request.onreadystatechange = function() {
		if (http_request.readyState == 4) {
			if (http_request.status == 200) {
				if (http_request.responseText != null) {
					processRSS(http_request.responseXML);
				} else {
					alert("Failed to receive RSS file from the server - file not found.");
					return false;
				}
			}
		}
	}
	
	http_request.send(null);
}
 
function processRSS(rssxml) {
	RSS = new RSS2Channel(rssxml);
	outputData(RSS);
}
 
function RSS2Channel(rssxml) {
	this.items = new Array();
	var itemElements = rssxml.getElementsByTagName("item");
	
	for (var i=0; i<itemElements.length; i++) {
		Item = new RSS2Item(itemElements[i]);
		this.items.push(Item);
	}
}
 
function RSS2Item(itemxml) {
    this.title;
    this.link;
    this.description;
    this.pubDate;
    this.channel;
 
    var properties = new Array("title", "link", "description", "pubDate", "channel");
    var tmpElement = null;
    for (var i=0; i<properties.length; i++) {
        tmpElement = itemxml.getElementsByTagName(properties[i])[0];
        if (tmpElement != null) {
            eval("this."+properties[i]+"=tmpElement.childNodes[0].nodeValue");
		}
    }
}
 
function outputData(RSS) {
	dataString = "";
    for (var i=0; i<RSS.items.length; i++) {
		dataString += "<div class='itemBlock'>";
		newDate = new Date(RSS.items[i].pubDate);
		dateString = (newDate.getMonth()+1) + "/" + newDate.getDate() + "/" + newDate.getFullYear();
		dataString += "<div class='itemDate'>" + dateString + "</div>";
		dataString += "<div class='itemTitle'><a href='" + RSS.items[i].link + "' target='afps_news'>" + RSS.items[i].title + "</a></div>";
		//dataString += "<div class='itemDescription'>" + RSS.items[i].description + "</div>";
		dataString += "</div>";
    }
	document.getElementById('outputBlock').innerHTML = dataString;
	
 
function compFunc (a, b)
{
 	if (a.pubDate < b.pubDate)
  		return 1;
 	else if (a.pubDate > b.pubDate)
  		return -1;
 	else
  		return 0;
}
 
//SCROLL BAR CODE
 
var ie=document.all;
var nn6=document.getElementById&&!document.all;
 
var isdrag=false;
var x,y;
var dobj;
var scrollPercent;
var boxTop;
var maxHeight;
var toppoint;
var scrollBarBoxOffset = 74;
 
function init() {
	document.getElementById('scrollBarBox').style.top = "74px";
	document.getElementById('scrollBarBox').style.height = "216px";
	document.getElementById('scrollBar').style.height = "40px";
}
 
function movemouse(e) {
	if (isdrag) {
		//dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
 
		toppoint = (nn6) ? ty + e.clientY - y : ty + event.clientY - y;
		boxTop = parseInt(document.getElementById('scrollBarBox').style.top) - scrollBarBoxOffset;
		if (toppoint < boxTop) toppoint = boxTop;
 
		boxHeight = parseInt(document.getElementById('scrollBarBox').style.height);
		maxHeight = boxTop + boxHeight - parseInt(document.getElementById('scrollBar').style.height);
		if (toppoint > maxHeight) toppoint = maxHeight;
 
		dobj.style.top = toppoint + "px";
		
		scrollPercent = toppoint / maxHeight;
		document.getElementById('textWindow').style.top = parseInt(0 - (document.getElementById('textWindow').offsetHeight - parseInt(document.getElementById('scrollBarBox').style.height)) * scrollPercent );
 
		return false;
	}
}
 
function selectmouse(e) {
	var fobj = nn6 ? e.target : event.srcElement;
	var topelement = nn6 ? "HTML" : "BODY";
	while (fobj.tagName != topelement && fobj.className != "dragme") {
		fobj = nn6 ? fobj.parentNode : fobj.parentElement;
	}
	
	if (fobj.className == "dragme") {
		isdrag = true;
		dobj = fobj;
		//tx = parseInt(dobj.style.left + 0);
		ty = parseInt(dobj.style.top + 0);
		//x = nn6 ? e.clientX : event.clientX;
		y = nn6 ? e.clientY : event.clientY;
		document.onmousemove = movemouse;
		return false;
	}
}
 
document.onmousedown = selectmouse;
document.onmouseup = new Function("isdrag=false;");

Open in new window

Widget-Screenshot.png
LVL 1
kimberleyharrisAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

bluV11tCommented:
Try:
        for (var i=itemElement.length; i>0; i--) {
                Item = new RSS2Item(itemElements[i]);
                this.items.push(Item);
        }
0
kimberleyharrisAuthor Commented:
Thank you bluV11t, but that does not seem to be working. I am adding the XML structure just to be sure I haven't made a mistake in the way I am coding to it. I have a feeling I need a function for the <pubDate> but I am not sure. I also am not sure how to approach it.
<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet type="text/xsl" href="rss.xsl" media="screen"?><rss version="2.0">
	<channel>
		<title>...</title>
		<link>https://...</link>
		<description>...</description>
		<item>
 
			<title>...</title>
			<link>https://...</link>
			<description><![CDATA[...]]></description>
			<pubDate>Wed, 05 Sep 2007 13:28:56 GMT</pubDate>
		</item>
		</channel>
</rss>

Open in new window

0
bluV11tCommented:
Maybe I wasn't beeing very clear... my suggestion is to change the function RSS2Channel to reverse the for-loop like this:

function RSS2Channel(rssxml) {
        this.items = new Array();
        var itemElements = rssxml.getElementsByTagName("item");
       
        for (var i=itemElement.length; i>0; i--) {
                Item = new RSS2Item(itemElements[i]);
                this.items.push(Item);
        }
}

0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

kimberleyharrisAuthor Commented:
Yes, I understood. I did it, but it still did not work. Not sure why.
0
bluV11tCommented:
Sorry, my mistake :-) Try:

        for (var i=itemElements.length; i>0; i--) {
                Item = new RSS2Item(itemElements[i-1]);
                this.items.push(Item);
        }
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
kimberleyharrisAuthor Commented:
Awesome! That is exactly what I needed! Thank you so much for your help!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.