I have worked through the Kirupa tutorial to build a web gallery using XML data. I would like to use the XML file automatically generated by Adobe Photoshop. I’m having a little trouble figuring out how to navigate the data. Here’s what the Photoshop XML file looks like for example:
<gallery>
<images>
<image
path=“image1.jpg”
width=“500”
height=“366”
thumbpath=“image1.jpg”
thumbwidth=“75”
thumbheight=“54”>
<meta name = “title”><[CDATA[Image1 Title]]></meta>
<meta name = “description”><![CDATA[Image1 Description]].></meta>
</image>
<image
path=“image1.jpg”
width=“500”
height=“366”
thumbpath=“image1.jpg”
thumbwidth=“75”
thumbheight=“54”>
<meta name = “title”><[CDATA[Image1 Title]]></meta>
<meta name = “description”><![CDATA[Image1 Description]].></meta>
</image>
</images>
</gallery>
The info I really want to get at is the image path, the title and description. So the code for the first image, I get this so far:
this.firstChild.ChildNodes[0].
this is the root level <gallery>
firstChild is the level 2 <images>
ChildNode[0] is the first Node in level 3 <image>
But that is where I get stuck because level 3, <image> is actually <imagepath> and <imagewidth> and <imageheight> etc… at the same time. How do I indicate which of these to extract?
And also, for the meta names, I see that they are also nodes at level 4, but the data is in all these extra brackets!
Can anyone show me an example of the code to extract the image1 path, and say the image1 title, so I can see how it works. I can extrapolate from such an example.
Thanks!!!
