Выделение активного пункта меню XSLT — различия между версиями

Версия 10:45, 22 сентября 2012

Часто необходимо выделить только текущий пункт меню, на котором находимся. А если меню имеет древовидную структуру то status="active" не поможет, потому что применяется ко всей вложенности страниц.

Для того, чтобы сделать активным только текущий пункт меню, можно воспользоваться конструкцией XSL:IF.
Для удобного, элементарного примера приводим код:

Убедитесь что у вас есть переменная <xsl:variable name="document-page-id" select="/result/@pageId" />

Если её нет, обязательно сделайте.

Далее, в основной шаблон, в любом месте, можно сразу после <body> или перед </body>, добавляем такой блок:

<div style="background: #eee;
            border: 2px solid black;
            position: fixed; top:100px; left:100px;
            width: 400px; height: 400px;
            z-index: 200">
	МЕНЮ:<xsl:apply-templates select="document('udata://content/menu//2/')/udata" mode="my"/>				
</div>

После этого шаблона (xsl:template) добавляем два своих:

<xsl:apply-templates select="items/item" mode="my2" />

</xsl:template> <xsl:template match="item" mode="my2">

<xsl:if test="@id = $document-page-id"> <a href="{@link}"><xsl:value-of select="@name" /></a> </xsl:if> <xsl:if test="@id != $document-page-id"> <a href="{@link}"><xsl:value-of select="@name" /></a> </xsl:if> <xsl:apply-templates select="items/item" mode="my3" />

</xsl:template> <xsl:template match="item" mode="my3">
-- <xsl:if test="@id = $document-page-id"> <a href="{@link}"><xsl:value-of select="@name" /></a> </xsl:if> <xsl:if test="@id != $document-page-id"> <a href="{@link}"><xsl:value-of select="@name" /></a> </xsl:if> </xsl:template> <source>

Выделение активного пункта меню XSLT — различия между версиями

Версия 10:45, 22 сентября 2012

Навигация

Просмотры

Персональные инструменты

Поиск

Навигация

Документация

Инструменты

@@ Строка 7: / Строка 7: @@
   Если её нет, обязательно сделайте.
-Далее в основной шаблон, в любом месте, можно сразу после <body> или перед </body>, добавляем такой блок:
+Далее, в основной шаблон, в любом месте, можно сразу после <body> или перед </body>, добавляем такой блок:
 <source lang="html4strict">
 <div style="background: #eee;