If you want to navigate to an anchor tag in your page, you will need another link with the href attribute set to the appropriate value. For example, if you anchor tag was this:
<a id="first">Bob</a>
Then your link would be like this
<a href="#first">Bob</a>
In your case, you want anchors linking to each other, so both a elements would have both an id and href
<a id="first_top" href="#first_bottom">Bob</a> <a id="first_bottom" href="#first_top">Bob</a>
One way to code your XSLT to do this is have two templates matching the people elements, but with a mode attribute to distinguish between them
Try this XSLT for example
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" indent="yes"/> <xsl:template match="/people"> <html> <body> <xsl:apply-templates select="person" mode="top"/> <p> Some content in the middle </p> <xsl:apply-templates select="person" mode="bottom"/> </body> </html> </xsl:template> <xsl:template match="person" mode="top"> <p> <a id="{@id}_top" href="#{@id}_bottom"> <xsl:value-of select="name" /> </a> </p> </xsl:template> <xsl:template match="person" mode="bottom"> <p> <a id="{@id}_bottom" href="#{@id}_top"> <xsl:value-of select="name" /> </a> </p> </xsl:template> </xsl:stylesheet>
This outputs the following (assuming you have well-formed XML with a root element, and all tags closed)
<html> <body> <p><a id="first_top" href="#first_bottom">Bob</a></p> <p><a id="second_top" href="#second_bottom">smith</a></p> <p><a id="third_top" href="#third_bottom">Lisa</a></p> <p>Some content in the middle</p> <p><a id="first_bottom" href="#first_top">Bob</a></p> <p><a id="second_bottom" href="#second_top">smith</a></p> <p><a id="third_bottom" href="#third_top">Lisa</a></p> </body> </html>
If you wanted to avoid having two separate templates for matching person elements, you could pass parameters to the template instead to distinguish between top and bottom. This XSLT would also work
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" indent="yes"/> <xsl:template match="/people"> <html> <body> <xsl:apply-templates select="person"> <xsl:with-param name="idpos" select="'top'" /> <xsl:with-param name="hrefpos" select="'bottom'" /> </xsl:apply-templates> <p> Some content in the middle </p> <xsl:apply-templates select="person"> <xsl:with-param name="idpos" select="'bottom'" /> <xsl:with-param name="hrefpos" select="'top'" /> </xsl:apply-templates> </body> </html> </xsl:template> <xsl:template match="person"> <xsl:param name="idpos" /> <xsl:param name="hrefpos" /> <p> <a id="{@id}_{$idpos}" href="#{@id}_{$hrefpos}"> <xsl:value-of select="name" /> </a> </p> </xsl:template> </xsl:stylesheet>
