Выделение активного пункта меню XSLT - История изменений

Mad grant в 11:15, 5 июня 2013

2013-06-05T11:15:45Z

XiBOR в 10:47, 22 сентября 2012

2012-09-22T10:47:20Z

XiBOR в 10:46, 22 сентября 2012

2012-09-22T10:46:21Z

XiBOR в 10:45, 22 сентября 2012

2012-09-22T10:45:58Z

XiBOR: Новая страница: «Часто необходимо выделить только текущий пункт меню, на котором находимся. А если меню име…»

2012-09-22T10:44:16Z

Новая страница: «Часто необходимо выделить только текущий пункт меню, на котором находимся. А если меню име…»

Новая страница

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

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

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

Далее в основной шаблон, в любом месте, можно сразу после <body> или перед </body>, добавляем такой блок:
<source lang="html4strict">
<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>
</source>

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

<source lang="xml">

<xsl:template match="udata[@method = 'menu']" mode="my">
<ul><xsl:apply-templates select="items/item" mode="my2" /></ul>
</xsl:template>

<xsl:template match="item" mode="my2">
<li>
<xsl:if test="@id = $document-page-id">
<b><a href="{@link}"><xsl:value-of select="@name" /></a></b>
</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" />
</li>
</xsl:template>

<xsl:template match="item" mode="my3">
<span><br />--
<xsl:if test="@id = $document-page-id">
<b><a href="{@link}"><xsl:value-of select="@name" /></a></b>
</xsl:if>
<xsl:if test="@id != $document-page-id">
<a href="{@link}"><xsl:value-of select="@name" /></a>
</xsl:if>
</span>
</xsl:template>
<source>
[[Категория: Верстка в XSLT]]

← Предыдущая		Версия 11:15, 5 июня 2013
Строка 1:		Строка 1:
		+	'''Актуально для версии 2.9'''
		+
	Часто необходимо выделить только текущий пункт меню, на котором находимся. А если меню имеет древовидную структуру то status="active" не поможет, потому что применяется ко всей вложенности страниц.		Часто необходимо выделить только текущий пункт меню, на котором находимся. А если меню имеет древовидную структуру то status="active" не поможет, потому что применяется ко всей вложенности страниц.

← Предыдущая		Версия 10:46, 22 сентября 2012
Строка 49:		Строка 49:
	</xsl:template>		</xsl:template>
	<source>		<source>
−	~~[[Категория: Верстка в XSLT]]~~

@@ Строка 48: / Строка 48: @@
 	</span>
 </xsl:template>
-<source>
+</source>

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