Question

The XML

        <?xml version="1.0" encoding="utf-8" ?>
<data>
    <events />
    <tour>
        <section id="3" handle="tour">Tour</section>
        <entry id="15">
            <title handle="dummy-entry-1">Dummy Entry 1</title>
            <description mode="formatted">Lorem ipsum dolor sit amet...</description>
            <photo size="24 KB" path="/images/tour" type="image/jpeg">
                <filename>no-image.jpg</filename>
                <meta creation="2010-03-07T17:00:24-08:00" width="1000" height="1000" />
            </photo>
        </entry>
    </tour>
</data>

The XSLT

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 <xsl:template match="/data/tour/entry">
  <img src="{filename}"/>
  <h2>{heading}</h2>
  {description}
 </xsl:template>
</xsl:stylesheet>

Here is the code I am working with. I am a newbie to XSLT and I suppose I am not understanding how it transforms my XML into HTML entirely. This snippet of code I plan on loading via AJAX, so I really all I need it to output is a blank html document consisting only of these three items.

I realize I am omitting the xsl:output tag and that is because I really don’t understand how I can get this to just simply match that information to my tags in my xml without adding , tags etc. All it outputs is a string of text in an html document.

If it helps, I am working in the Symphony CMS environment.

Answer 1

This ended up being the answer. I need to change the way I went about applying my templates. Not sure why it fixed it, but it did.

<?xml version="1.0" encoding="UTF-8"?>

<xsl:template match="/">
    <xsl:apply-templates select="data/tour-entry/entry" />
</xsl:template>

<xsl:template match="/data/tour-entry/entry">
    <img src="{$root}/image/2/675/300/5/images/tour/{photo/filename}" alt="" class="image" />
    <h2><xsl:value-of select="title"/></h2>
    <xsl:copy-of select="description"/>
    <script type="text/javascript">
        $(document).ready(function(){
            // How cufon applies our font to certain elements, styles based on css document.
            Cufon.replace('#content-main h2');
        });
    </script>   
</xsl:template>