XSLT
Шрифт:
Следующий пример взят из главы 6, но сейчас я собираюсь добавить в
planets.html
оглавление, составленное из гиперссылок. Для создания оглавления я прохожу в цикле по всем планетам при помощи элемента <xsl:for-each>
. На каждом шаге цикла для текущей планеты я создаю гиперссылку и создаю атрибут HREF
со значением, равным уникальному идентификатору, при помощи шаблона значений атрибута: <?xml version="1.0"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/PLANETS">
<HTML>
<HEAD>
<TITLE>
The Planets Table
</TITLE>
</HEAD>
<BODY>
<H1>
The Planets Table
</H1>
<xsl:for-each select="PLANET">
<H2><A href="#">
<xsl:value-of select="NAME"/>
</A></H2>
<P/>
</xsl:for-each>
.
.
.
Этот
<NAME>
закладки в идентификатор для каждого элемента <PLANET>
так, чтобы он стал гиперссылкой-назначением: <?xml version="1.0"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/PLANETS">
<HTML>
.
.
.
</HTML>
</xsl:template>
<xsl:template match="PLANET">
<TR>
<TD><A NAME="{generate-id(.)}">
<xsl:value-of select="NAME"/>
</A></TD>
<TD><xsl:apply-templates select="MASS"/></TD>
<TD><xsl:apply-templates select="RADIUS"/></TD>
<TD><xsl:apply-templates select="DAY"/></TD>
</TR>
</xsl:template>
<xsl:template match="MASS">
<xsl:value-of select="."/>
<xsl:text> </xsl:text>
<xsl:value-of select="@UNITS"/>
</xsl:template>
.
.
.
<xsl:template match="DAY">
<xsl:value-of select="."/>
<xsl:text> </xsl:text>
<xsl:value-of select="@UNITS"/>
</xsl:template>
</xsl:stylesheet>
Вот
и все; сейчас я создал гиперссылки с атрибутомHREF
, значение которого равно идентификатору элемента <PLANET>
; при помощи же этого идентификатора я сделал каждый элемент <PLANET>
назначением гиперссылки. Когда пользователь щелкает на гиперссылку в оглавлении, браузер прокручивает данные до соответствующей записи планеты в HTML-таблице. Вот как выглядит результирующий документ при использовании процессора Xalan:
<HTML>
<HEAD>
<TITLE>
The Planets Table
</TITLE>
</HEAD>
<BODY>
<H1>
The Planets Table
</H1>
<H2>
<A href="#">Mercury</A>
</H2>
<H2>
<A href="#">Venus</A>
</H2>
<H2>
<A href="#">Earth</A>
</H2>
<TABLE BORDER="2">
<TR>
<TD>Name</TD>
<TD>Mass</TD>
<TD>Radius</TD>
<TD>Day</TD>
</TR>
<TR>
<TD><A NAME="N5">Mercury</A></TD>
<TD>.0553 (Earth = 1)</TD>
<TD>1516 miles</TD>
<TD>58.65 days</TD>
</TR>
<TR>
<TD><A NAME="N20">Venus</A></TD>
<TD>.815 (Earth = 1)</TD>
<TD>3716 miles</TD>
<TD>116.75 days</TD>
</TR>
<TR>
<TD><A NAME="N3B">Earth</A></TD>
<TD>1 (Earth = 1)</TD>
<TD>2107 miles</TD>
<TD>1 days</TD>
</TR>
Поделиться с друзьями: