I wrote a xslt script to setup a image gallery for fancybox. The script generates the html as expected by does something extra. After the html elements needed for fancybox a link element is generated after every html element from where the script is called.
See the html code below. The bold ones are unexpected. I also added the whole xslt script.
Are you sure that the XSLT is generating the content in the P tag, as this is after the close of the <ul id="FotoAlbums">, which is at the end of the XSLT template?
<p> <aclass="element_groep"rel="Snertpop 2009"href="/media/630/winter.jpg">Fotoboek body tekst</a> </p>
Ik have to be more precise, the p element is in the HTML template that call the xslt. I think it is what the browser does when there is some bug in the xslt.
I still not have a solution for the problem I face described above. Really appreciate any help. I could give you the link of the website, then can you see the HTML that is generated.
without investigating your snippet in detail, it seems as if you output <a>-tags within you <ul>...</ul> section whithout embedding them in <li>...</li> tags.
I.e. this code
<!-- Get all photo's from this gallery --> <xsl:for-each ... </xsl:for-each>
should probably eithe be moved, removed or embedded within <li>..</li> tags
Try using the "View source" instead of the firebug console. The console will give you the interpreted html, and not the actual source. So if you f.ex. have an invalid element somewhere like <a />, then firebug will show you how firefox tries to correct that error.
The View Source might give you a more accurate output to debug from. You could copy it here as well, so we can investigate further.
XSLT unexpected html code
Hi
I wrote a xslt script to setup a image gallery for fancybox. The script generates the html as expected by does something extra. After the html elements needed for fancybox a link element is generated after every html element from where the script is called.
See the html code below. The bold ones are unexpected. I also added the whole xslt script.
Anyhelp appreciated.
<ul id="FotoAlbums"> <li> <div id="wrapper"> <a href="/media/397/blauwe%20heuvels.jpg" class="element_groep" rel="Snertpop 2008"> <img src="/umbraco/ImageGen.ashx?image=/media/397/blauwe%20heuvels.jpg&width=124&height=90&compression=100&fontsize=11&fontcolor=white&FontStyle=Bold&align=center%22" alt="Foto 1"></a> <div class="description">Snertpop 2008</div> </div> </li> <a class="element_groep" rel="Snertpop 2008" href="/media/397/blauwe%20heuvels.jpg"></a> <a class="element_groep" rel="Snertpop 2008" href="/media/397/blauwe%20heuvels.jpg"></a> <li> <div id="wrapper"> <a href="/media/630/winter.jpg" class="element_groep" rel="Snertpop 2009"> <img src="/umbraco/ImageGen.ashx?image=/media/630/winter.jpg&width=124&height=90&compression=100&fontsize=11&fontcolor=white&FontStyle=Bold&align=center%22" alt="Foto 3"> </a> <div class="description">Snertpop 2009</div> </div> </li> <a class="element_groep" rel="Snertpop 2009" href="/media/630/winter.jpg"></a> <a class="element_groep" rel="Snertpop 2009" href="/media/630/winter.jpg"></a> </ul> <a class="element_groep" rel="Snertpop 2009" href="/media/630/winter.jpg"></a> <p> <a class="element_groep" rel="Snertpop 2009" href="/media/630/winter.jpg">Fotoboek body tekst</a> </p> <a class="element_groep" rel="Snertpop 2009" href="/media/630/winter.jpg"></a><?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp " "> ]> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxml="urn:schemas-microsoft-com:xslt" xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets" xmlns:Designit.VideoEmbed="urn:Designit.VideoEmbed" exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets Designit.VideoEmbed "> <xsl:output method="xml" omit-xml-declaration="yes" /> <xsl:param name="currentPage"/> <!-- Input the documenttype you want here --> <xsl:variable name="documentTypeAlias" select="string('FotoAlbum')"/> <xsl:template match="/"> <xsl:variable name="rootNode" select="$currentPage/ancestor-or-self::node[last()] "/> <ul id="FotoAlbums"> <!-- list all photoalbums --> <xsl:for-each select="$rootNode/descendant-or-self::node [@nodeTypeAlias = $documentTypeAlias ]"> <xsl:choose > <xsl:when test="current() != '' "> <!-- store the current photo album node for fancy box image grouping --> <xsl:variable name="currentNode" select="current()"></xsl:variable> <!-- setup the clickable thumbnail for the fancy box gallery to start--> <li > <div id="wrapper"> <a> <xsl:attribute name="href"> <xsl:value-of select="./node/data [@alias='umbracoFile']"/> </xsl:attribute> <xsl:attribute name="class">element_groep</xsl:attribute> <xsl:attribute name="rel"> <xsl:value-of select="./@nodeName"/> </xsl:attribute> <img> <xsl:attribute name="src"> <xsl:text>/umbraco/ImageGen.ashx?image=</xsl:text> <xsl:value-of select="./node/data [@alias='umbracoFile']" /> <xsl:text>&width=124&height=90&compression=100</xsl:text> <xsl:text>&fontsize=11&fontcolor=white&FontStyle=Bold&align=center"</xsl:text> </xsl:attribute> <xsl:attribute name="alt"> <xsl:value-of select="./node/@nodeName"/> </xsl:attribute> </img> </a> <div class="description"> <xsl:value-of select="./@nodeName"/> </div> </div> </li> <!-- Get all photo's from this gallery --> <xsl:for-each select="$currentNode/descendant-or-self::node [@nodeTypeAlias = 'Foto' and $currentNode/descendant-or-self::node != '']"> <xsl:element name="a" > <xsl:attribute name="class">element_groep</xsl:attribute> <xsl:attribute name="rel"> <xsl:value-of select="$currentNode/@nodeName"/> </xsl:attribute> <xsl:attribute name="href"> <xsl:value-of select="$currentNode/node/data [@alias='umbracoFile']"/> </xsl:attribute> </xsl:element> </xsl:for-each> </xsl:when> <xsl:otherwise> <img src="/css/images/GeenFotoBeschikbaar.jpg" alt="Geen foto album beschikbaar"/> </xsl:otherwise> </xsl:choose> </xsl:for-each> </ul> </xsl:template> </xsl:stylesheet>Are you sure that the XSLT is generating the content in the P tag, as this is after the close of the <ul id="FotoAlbums">, which is at the end of the XSLT template?
Hi Richard,
I see it in firebug. The HTML above is copied from there.
Richard,
Ik have to be more precise, the p element is in the HTML template that call the xslt. I think it is what the browser does when there is some bug in the xslt.
Hi all,
I still not have a solution for the problem I face described above. Really appreciate any help. I could give you the link of the website, then can you see the HTML that is generated.
Kind regards,
Bas
Hi Bas,
without investigating your snippet in detail, it seems as if you output <a>-tags within you <ul>...</ul> section whithout embedding them in <li>...</li> tags.
I.e. this code
should probably eithe be moved, removed or embedded within <li>..</li> tags
>Tommy
Try using the "View source" instead of the firebug console. The console will give you the interpreted html, and not the actual source. So if you f.ex. have an invalid element somewhere like <a />, then firebug will show you how firefox tries to correct that error.
The View Source might give you a more accurate output to debug from. You could copy it here as well, so we can investigate further.
is working on a reply...