XPath question

Question

I am trying to populate an accordion using an XML document as
follows:
<?xml version="1.0" encoding="iso-8859-1"?>
<images xmlns="
http://www.g-raff.com/images">
<groups>
<group groupname="Martyn's favourites">
<image>
<filename>atomic-kitten-1.jpg</filename>
<title>Atomic Kitten</title>
<date>23.8.2004</date>
<place>London</place>
</image>
<image>... </image>
etc.
</group>
<group groupname="Painting with light">
<image>
<filename>a.jpg</filename>
<title>a</title>
<date>15.4.2003</date>
<place>peckham rye</place>
</image>
etc.
</group>
<group groupname="Musicians">
<image>
<filename>atomic-kitten-1.jpg</filename>
<title>Atomic Kitten</title>
<date>23.8.2004</date>
<place>London</place>
<target>people1</target>
</image>
etc.
</group>
</groups>
</images>
Now - in creating the data sets, I want to generate a set of
thumbnails for each "group" - I have the following code:
var dsGroups = new Spry.Data.XMLDataSet("images.xml",
"/images/groups/group");
var dsImages = new Spry.Data.XMLDataSet("images.xml",
"/images/groups/group[@groupname =
'{dsGroups::@groupname}']/image")
I am then using the following to label the accordion and
populate the panels:
<div id="NavAcc" class="Accordion" spry:region="dsGroups
dsImages">
<div class="AccordionPanel" spry:repeat="dsGroups">
<div class="AccordionPanelLabel">
<h3>{dsGroups::@groupname}</h3>
</div>
<div class="AccordionPanelContent">
<div id="thumbs">
<div class="thumbnail" spry:repeat="dsImages">
<img class="thumb"
src="images/thumbnails/{dsImages::filename}"
alt="{dsImages::title}"
onclick="dsImages.setCurrentRow('{ds_RowID}');" width="92"
height="60" />
<p class="caption">{dsImages::title}</p>
</div>
</div>
</div>
</div>
</div>
Its not working - dsImages is failing. I know it must be to
do with the way I'm trying to filter by the attribute "groupname",
as I'm not sure whether the "@" is allowed in this context.
Can anyone point me at a fulfilling explanation of xPath
syntax so I can figure out how to achieve this?
Thanks yet again,
raff J

Answer 1

I encountered the same (or very similar) problem. In my case,
with a photo album xml where the layout is similar (see below) and
I need to pull the image folder url from the parent dataset and the
image urls from a series of <img> tags. I also could not
figure out a way to do this, and would very much appreciate an
example of how it is done.
what did not work was setting up the datasets as
var dsPhotos = new Spry.Data.XMLDataSet("sample.xml",
"gallery/album")
var dsImages = new Spry.Data.XMLDataSet("sample.xml",
"gallery/album[@pID = '{dsPhotos::pID}']/img")
Sample XML:
<?xml version="1.0" encoding="utf-8"?>
<!-- XML Generated by SlpIDeShowPro Director v1.0.2 -->
<gallery>
<album pID="8" title="Rose River" description="Rose River
Hike" lgPath="
http://www.zakar.com/ssp_director/albums/RoseRiver/lg/"
tnPath="
http://www.zakar.com/ssp_director/albums/RoseRiver/tn/"
tn="
http://www.zakar.com/ssp_director/albums/RoseRiver/tn/P5030196.jpg">
<img src="P5030211.jpg" title="" caption="P5030211.jpg"
link="
http://" />
<img src="P5030196.jpg" title="" caption="P5030196.jpg"
link="
http://" />
<img src="P5030197.jpg" title="" caption="P5030197.jpg"
link="
http://" />
</album>
<album pID="9" title="Stony Man / Little Stony Man
Cliffs" description="Great views " lgPath="
http://www.zakar.com/ssp_director/albums/Stonyman/lg/"
tnPath="
http://www.zakar.com/ssp_director/albums/Stonyman/tn/"
tn="
http://www.zakar.com/ssp_director/albums/Stonyman/tn/P5020182.jpg">
<img src="P5020195.jpg" title="" caption="P5020195.jpg"
link="
http://" />
<img src="P5020178.jpg" title="" caption="P5020178.jpg"
link="
http://" />
<img src="P5020179.jpg" title="" caption="P5020179.jpg"
link="
http://" />
</album>
</gallery>