Looping Through XML backwards using Javascript

Question

this is my first question on stack overflow, I hope you guys can help me.

here is my xml

<?xml version="1.0"?>
<RecentPhotoUploads>
<PHOTO><SOURCE>6171.jpg</SOURCE></PHOTO>
<PHOTO><SOURCE>6173.jpg</SOURCE></PHOTO>
<PHOTO><SOURCE>6895.jpg</SOURCE></PHOTO>
<PHOTO><SOURCE>Tulips.jpg</SOURCE></PHOTO>
</RecentPhotoUploads>

here is my javascript code

    var xml=loadXMLDoc("../upload.xml");
    var source="/RecentPhotoUploads/PHOTO/SOURCE"

    var nodes=xml.evaluate(source, xml, null, XPathResult.ANY_TYPE, null);
    var result=nodes.iterateNext();


                while (result)
                {
                document.write("<h2>" + result.childNodes[0].nodeValue + "</h2>");
                document.write("<a href='../pics/" + result.childNodes[0].nodeValue + "</a>");
                result=nodes.iterateNext();
                }

How would I loop through this xpathresult backwards?

Loop it forwards, push each result onto an array, pop the array in a loop to get the result backwards. — Ed Bayiates
– Ed Bayiates, Commented Sep 6, 2012 at 23:42

Eineki · Accepted Answer · 2012-09-06 23:45:52Z

2

Why you would navigate backwards? You can just print backwards ...

var xml=loadXMLDoc("../upload.xml");
var source="/RecentPhotoUploads/PHOTO/SOURCE"

var nodes=xml.evaluate(source, xml, null, XPathResult.ANY_TYPE, null);
var result=nodes.iterateNext();

var buffer = "";
while (result) {
    buffer = "<h2>" + result.childNodes[0].nodeValue + "</h2>"
           + "<a href='../pics/" + result.childNodes[0].nodeValue + "'>"
           + result.childNodes[0].nodeValue + "</a>"
           + buffer;
    result=nodes.iterateNext();
}
document.write(buffer);

without resorting to documentFragment and similar modern tools ;)

answered Sep 6, 2012 at 23:45

Eineki

14.9k6 gold badges55 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

M3NTA7 Over a year ago

Great idea! You might want to use a StringBuilder object with your methodology to do the pre-pending, as described here: stackoverflow.com/questions/738950/…

Eineki Over a year ago

@M3NTA7: I don't think javascript has a StringBuilder object

slebetman Over a year ago

Javascript's way is to simply unshift() into an array and then join() it.

M3NTA7 Over a year ago

Sorry about the StringBuilder comment. I totally missed that it was javascript.

M3NTA7 · Accepted Answer · 2012-09-06 23:47:14Z

0

Here's an article that shows one way of sorting and iterating:

http://blogs.msdn.com/b/kaevans/archive/2006/04/17/577456.aspx

answered Sep 6, 2012 at 23:47

M3NTA7

1,3471 gold badge14 silver badges25 bronze badges

Comments

Mike Girard · Accepted Answer · 2012-09-07 01:49:57Z

0

First change the settings for your XPathResult. You want an ordered snapshot type. iterateNext() won't work because it doesn't have numeric keys.

var result = document.evaluate(source, xml, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

Then loop backwards like so.

for (var i = result.snapshotLength - 1; i >= 0; i--){
    document.write("<h2>" + result.snapshotItem(i).textContent + "</h2>");
    document.write("<a href='../pics/" + result.snapshotItem(i).textContent + "'>" 
    + result.snapshotItem(i).textContent + "</a>");

}

PS: you're missing a '>' in your code for the <a> tag. Not sure what output you're aiming for so I took a guess.

edited Sep 7, 2012 at 1:49

answered Sep 7, 2012 at 0:03

Mike Girard

4641 gold badge6 silver badges20 bronze badges

Collectives™ on Stack Overflow

Looping Through XML backwards using Javascript

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related