XML Parsing in Javascript. Help Needed

Question

Firstly I have created a javascript which positions, and animates certain parts of a site

example:

<ul>
<li transition="fade" amount="5" thumb="images/thumb1.jpg>
<div class="item rotate"
      width = "18"
      height= "550"
      speed="600"
      start="1100"
      easing="easeOutExpo"><img src="images/cheese.png" alt="Cheese">
<div>

<div class="caption black sfb stb"
      width = "950"
      height= "600"
      speed="600"
      start="1100"
      easing="easeOutExpo">10.99
<div>
</li>

<li transition="cut" amount="15" speed="300" delay="9400" thumb="images/thumb2.jpg>
<div class="item rotate"
      width = "18"
      height= "550"
      speed="600"
      start="1100"
      easing="easeOutExpo"><img src="images/pork.png" alt="Pork">
<div>

<div class="caption white lfl stl"
      width = "950"
      height= "600"
      speed="600"
      start="1100"
      easing="easeOutExpo">15.99
<div>
</li>
</ul>

Now instead of having to place this in the html, I am now wanting to place this in an XML since later I will be making a webservice.

But for now, I need to get my javascript to work so it will read all these from an xml.

What I was thinking of (maybe I am on the wrong path here) is the following for the xml

<spot>
 <effect type="fade"></effect>
 <amount>5</amount>
 <thumb>thumb1.jpg</thumb>
   <item ="item rotate">
    <width>18</width>
    <height>550</height>
    <speed>600</speed>
    <start>1100</start>
    <easing>easeOutExpot</easing>
    <img alt="Cheese">images/cheese.png></image>
   </item>
  </spot>

Now I have no clue as in how to sort this out within a javascript. Could someone please give me some hints tips etc.?

Do you need to use XML? I would think that JSON is a better fit when using javascript. You can express the same things, it can be converted to javascript objects, and takes slightly less space. — Eivind Eidheim Elseth
– Eivind Eidheim Elseth, Commented Feb 5, 2013 at 9:00
unfortunately yes since the cms which I will be doing the webservice is an external software which only allows us to use xml. — Da Pri
– Da Pri, Commented Feb 5, 2013 at 9:10

Community · Accepted Answer · 2017-05-23 10:24:49Z

1

You can find an example of how to parse XML using jQuery in this StackOverflow answer. Just look for the tags you want by using css selectors, and extract the data you need. You can build the necessary HTML using jQuery or the javascript DOM methods( document.createElement# etc.)

If you don't want to use jQuery, this blog entry explains how to create a XML-DOM object from the XML string. You can then use the browsers DOM methods to get the data you want.

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Feb 5, 2013 at 9:35

Eivind Eidheim Elseth

2,3741 gold badge23 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

XML Parsing in Javascript. Help Needed

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related