push xml values in to an array using javascript

Question

I have the XML file,

<root>
<items>
 <webprotal-gallery>
  <web-portal-urls>http://xxx.xom/image</web-portal-urls>
  <web-portal-urls>http://xxx.xom/image</web-portal-urls>
  <-----   -----------    ---------------   ------------>
 </webprotal-gallery> 
</items>
<items>
<webprotal-gallery>
  <web-portal-urls>http://xxx.xom/image</web-portal-urls>
  <web-portal-urls>http://xxx.xom/image</web-portal-urls>     
 </webprotal-gallery>
</items>
</root>

I want to push 'web-portal-urls' in to an associative array(key/value). My requrement is, When the user clicks on image, to show assosiative 'webprotal-gallery' in another page.

How to push gallery items in to an array.

Show your code that you tried..

Dineshkani
– Dineshkani

2013-05-14 05:25:38 +00:00
Commented May 14, 2013 at 5:25 — Dineshkani
– Dineshkani, Commented May 14, 2013 at 5:25
developer.mozilla.org/en-US/docs/JavaScript/Reference/…

akonsu
– akonsu

2013-05-14 05:27:48 +00:00
Commented May 14, 2013 at 5:27 — akonsu
– akonsu, Commented May 14, 2013 at 5:27

Arun P Johny · Accepted Answer · 2013-05-14 05:41:41Z

Try

function parseXml(xml){
    var xmlDoc, parser;

    if (window.DOMParser){
        parser=new DOMParser();
        xmlDoc=parser.parseFromString(xml,"text/xml");
    } else {
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async=false;
        xmlDoc.loadXML(xml); 
    }

    return xmlDoc;
}

var xml = '<root><items><webprotal-gallery><web-portal-urls>http://xxx.xom/image</web-portal-urls><web-portal-urls>http://xxx.xom/image</web-portal-urls></webprotal-gallery></items><items><webprotal-gallery><web-portal-urls>http://xxx.xom/image</web-portal-urls><web-portal-urls>http://xxx.xom/image</web-portal-urls></webprotal-gallery></items></root>';

var xmlDoc = parseXml(xml);
var urls = [];
var tags = xmlDoc.getElementsByTagName('web-portal-urls');

for(var i = 0; i < tags.length; i++){
    urls.push(tags[i].textContent)
}

console.log(urls)

Demo: Fiddle

hi, thank u for u r reply, But i need output like this, gallery1{"image1","image2"},gallery2{"image1","image2"}... so that when the user clicks on the image, i can show all the gallery items to that image

Collectives™ on Stack Overflow

push xml values in to an array using javascript

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related