XSLT and XPath noob help.
This is an open discussion with 7 replies, filed under XSLT.
Search
-
-
- Fazal
- 28 Jan 10, 1:48 pm
- Comment #2
Hi dallaspeters,
I believe this is what you are looking for, it’s crude, but it should work:
<a href="{thumbnail/item[1]/@path}/{thumbnail/item[1]/filename}" rel="prettyPhoto[{project-title@handle}]">QuickLook</a>
...
<img src="{thumbnail/item[1]/@path}/{thumbnail/item[1]/filename}" rel="prettyPhoto[{project-title@handle}]">
When you need to reference something into an attribute, there are a few methods of doing this. The first is the example I’ve put above (which you kind of already used for your H3 tags) - essentially you put your xpath statement into curly braces {} letting xslt know you want it to execute the xpath call.
When you start to get to a point where you need to call the same thing over again you may want to store that call in a param or a variable and then call it into the curly braces. A typical example is {$root} which you’ve probably seen a few times now.
Lastly, if you need to manipulate multiple attributes you may want to consider combining the above methods into something like this:
<img> <xsl:variable name="pathtoimage" select="thumbnail/item[1]/@path"/> <xsl:attribute name="src"><xsl:value-of select="$pathtoimage"/><xsl:value-of select="thumbnail/item[1]/filename"/></xsl:attribute> </img>
I hope this was what you were looking for.
I’ve also used this prettyPhoto on a Symphony project, so I know what you’re aiming for http://www.amandadredge.co.uk
-
-
- dallasbpeters
- 29 Jan 10, 6:28 am
- Comment #3
Thanks for getting back. Not sure I’m doing it right. (though rather than ‘thumbnail’ I’m after ‘project-images’)
I have:
<p class="quicklook">
<a class="magnify" href="{project-images/item[1]/@path}/{project-images/item[1]/filename}" rel="prettyPhoto">QuickLook</a>
</p>
Which is outputting this:
<a rel="prettyPhoto" href="/" class="magnify">QuickLook</a>
And then when I try to use the rel="prettyPhoto[{project-title@handle}]" it gives me:
- XSLTProcessor::importStylesheet(): Invalid expression
- XSLTProcessor::importStylesheet(): Attribute ‘rel’: Failed to compile the expression ‘project-title@handle’ in the AVT.
- XSLTProcessor::transformToXml(): No stylesheet associated to this object
Sure I’m doing something wrong.
-
-
- dallasbpeters
- 29 Jan 10, 6:30 am
- Comment #4
that first output didn’t take in the forum.
<a rel="prettyPhoto" href="/" class="magnify">QuickLook</a>
-
-
- phoque
- 29 Jan 10, 6:51 am
- Comment #5
My first guess would be
{project-title/@handle}
-
-
- dallasbpeters
- 29 Jan 10, 8:49 am
- Comment #6
<a class="magnify" href="{$root}/workspace/{project-images/item[1]/image/@path}/{project-images/item[1]/image/filename}" rel="prettyPhoto[{project-title/@handle}]">Quicklook</a>
worked, but seems like a really clunky way of doing it eh?
-
-
- dallasbpeters
- 29 Jan 10, 10:47 am
- Comment #7
What ended up working:
<p class="quicklook">
<a class="magnify" href="workspace{project-images/item[position() = 1]/image/@path}/{project-images/item[position() = 1]/image/filename}" rel="prettyPhoto[{project-title/@handle}]">Quicklook</a>
</p>
<div class="hidden">
<xsl:for-each select="project-images/item[position() > 1]">
<a>
<xsl:attribute name="href">workspace/uploads/<xsl:value-of select="image/filename"/>
</xsl:attribute>
<xsl:attribute name="rel">prettyPhoto[<xsl:value-of select="../../project-title/@handle"/>]</xsl:attribute>
<img>
<xsl:attribute name="src">workspace/uploads/<xsl:value-of select="image/filename"/>
</xsl:attribute>
</img>
</a>
</xsl:for-each>
</div>
Feels pretty sloppy. For some reason I have to put workspace in there. Not sure if my get-images.xsl is messing with the urls of my images. I’m also using Mediathek.
-
-
- wtdtan
- 29 Jan 10, 3:14 pm
- Comment #8
you can tighten up the xsl with concat:
<a>
<xsl:attribute name="href" select="concat($workspace, '/uploads/', image/filename)" />
<xsl:attribute name="rel" select="concat('prettyPhoto[',../../project-title/@handle, ']')" />
<img>
<xsl:attribute name="src" select="concat($workspace, '/uploads/', image/filename)" />
</img>
</a>
another approach is doing it all inline:
<a href="{$workspace}/uploads/{image/filename}" rel="prettyPhoto[{../../project-title/@handle}]>
<img src="{$workspace}/uploads/{image/filename}" />
</a>
Create an account or sign in to comment.
Ok. Bit of a noob question here but hoping someone can help me out as I’m making spaghetti out of my brain on this.
Here is the XML that I am out putting:
<projects> <section id="10" handle="projects">Projects</section> <entry id="49"> <project-title handle="good-and-fair-project">Good & Fair Project</project-title> <thumbnail items="1"> <item> <thumbnail size="52 kb" path="/uploads" type="image/png"> <filename>gfpthumb-1264061453.png</filename> <meta creation="2010-01-21T02:10:53-06:00" width="150" height="200" /> </thumbnail> <description word-count="4">Good And Fair Project</description> </item> </thumbnail> <manage-images>Yes</manage-images> <body word-count="287" mode="formatted"><p>blah, blah, blah</p> </body> <date time="16:22" weekday="3">2010-01-20</date> <categories> <item handle="branding" id="39">Branding</item> <item handle="print" id="37">Print</item> <item handle="website" id="36">Website</item> </categories> <discipline> <item handle="branding">Branding</item> </discipline> <project-images items="2"> <item> <image size="97 kb" path="/uploads" type="image/jpeg"> <filename>gfp-big1-1264059455.jpg</filename> <meta creation="2010-01-21T01:37:34-06:00" width="790" height="350" /> </image> <description word-count="6">Good And Fair Project Logo Treatment</description> </item> <item> <image size="169 kb" path="/uploads" type="image/jpeg"> <filename>gfp-big2-1264542295.jpg</filename> <meta creation="2010-01-26T15:44:55-06:00" width="790" height="350" /> </image> <description word-count="3">Big Test 2</description> </item> </project-images> <excerpt word-count="8" mode="formatted"><p>Good <span class="amp">&</span> Fair. What better way to blah, blah, blah. </p></excerpt> </entry> </projects>Here is my utility (get-project.xsl):
<xsl:template match="entry" mode="home"> <div class="project grid_4"> <xsl:call-template name="get-thumbnail"> <xsl:with-param name="thumbnail-entry" select="thumbnail/item"/> </xsl:call-template> <h3><a href="{$root}/projects/{project-title/@handle}"><xsl:value-of select="project-title"/></a></h3> <xsl:apply-templates match="excerpt" mode="truncate"> <xsl:param name="limit" select="100"/> <xsl:param name="suffix" select="'→'"/> </xsl:apply-templates> <p> <xsl:for-each select="discipline/item"> <a class="tags" href="{$root}/discipline/{@handle}"><xsl:value-of select="."/></a> <xsl:if test="position() != last()">+</xsl:if> </xsl:for-each> </p> <p class="date"> <span><xsl:call-template name="format-date"> <xsl:with-param name="date" select="date"/> <xsl:with-param name="format" select="'d m Y'"/> </xsl:call-template></span> </p> <!--need help --> <p class"quicklook"> <a href="location of first image in the series from PROJECT-IMAGES" rel="prettyPhoto[needs to be PROJECT HANDLE]">QuickLook</a> </p> <div class="hidden"> <!--needs to pull all images from entry i.e. as follows--> <img src="first image in the series" rel="prettyPhoto[needs to be PROJECT HANDLE]"> <img src="first image in the series" rel="prettyPhoto[needs to be PROJECT HANDLE]"> etc, etc... </div> <!--end need help--> </div> </xsl:template>Let me know if that’s not clear enough. Its obviously not to me. ;) I can post more or help out any way possible. Thanks if anyone takes a look at this.