Верхнее меню -- выделить активный пункт

#
Верхнее меню -- выделить активный пункт
Добрый день. Столкнулся со следующей проблемой: необходимо выделить активный пункт меню любым элементом разметки. Например, обернуть его в слой.
Как определить активность пункта меню, т.е. на какой странице сейчас находимся?
#
Re: Верхнее меню -- выделить активный пункт
Если я правильно понял, то нужно в xsl шаблоне "ВерхнееМеню" найти вот такой кусок:
<!--
         Выделяем текущую страницу добавлением к li класса red_li,
         если это текущая страница, либо у нее есть ребенок с атрибутом id, равным текущей uheggt.
         -->
         <xsl:if test="current_structure_id = @id or count(.//structure[@id=$current_structure_id]) = 1">
            <xsl:attribute name="class">active</xsl:attribute>
         </xsl:if>

Вместо active нужно вставить свой элемент разметки.
Делись своими знаниями. Это путь к бессмертию.
#
Re: Верхнее меню -- выделить активный пункт
Спасибо за совет. Так получилось. Но тут есть момент. Мне до и после активного элемента надо поставить элементы разметки. Джаваскрипт использовать для этого не хочется. Есть ли другой способ?
#
Re: Верхнее меню -- выделить активный пункт
Спасибо. С проблемой разобрался.
#
Re: Верхнее меню -- выделить активный пункт
Помогите пожалуйста:
Не могу сделать что бы выделялся активный пункт меню, уже сутки смотрю :
CSS часть:

/*** MENU ***/
   
.nav ul {
      width:640px;
                height:20px;
      overflow:hidden;
      font-family:Arial, Helvetica, sans-serif;
      font-size:14px;
                font-weight: bold;
      color:#0033FF;
text-decoration:none;
text-transform:uppercase;
      position:relative;
      list-style:none;
   
      }
.nav ul li {   
      float:left;
      font-family:Arial, Helvetica, sans-serif;
      padding:0 10px 0 10px;
text-decoration:none;
text-transform:uppercase;
      font-size:14px;         
                font-weight: bold;
                color:#0033FF;
         }
.nav ul li a {
      float:left;
      padding: 1px 0 1px 0;
      font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-transform:uppercase;
      font-size:14px;
                font-weight: bold;
      color:#0033FF;      
            }
.nav ul li a:hover {   
      overflow:hidden;
      padding: 1px 0 1px 0;
                font-weight: bold;
text-decoration:none;
text-transform:uppercase;
      position:relative;
color: #CC3399; }

.nav ul li a:active {   
      overflow:hidden;
      padding: 1px 0 1px 0;
                font-weight: bold;
                color: #CC3399
}

/*
border-radius:  1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
-khtml-border-radius: 1px 1px 1px 1px;
            }
   
*/


XSL:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0"
   xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
   xmlns:hostcms="http://www.hostcms.ru/"
   exclude-result-prefixes="hostcms">
   <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
   
   <xsl:template match="/site">
      <div class="nav">
         <ul>
            <!-- Выбираем узлы структуры первого уровня -->
            <xsl:apply-templates select="structure[show=1]" />
         </ul>
      </div>
   </xsl:template>
   
   <!-- Запишем в константу ID структуры, данные для которой будут выводиться пользователю -->
   <xsl:variable name="current_structure_id" select="/site/current_structure_id"/>
   
   <xsl:template match="structure">
      <li>

<!--Выделяем текущую страницу добавлением к li класса active, если это текущая страница,
               либо у нее есть ребенок с атрибутом id, равным текущей группе.
   -->
         <xsl:if test="$current_structure_id = @id or count(.//structure[@id=$current_structure_id]) = 1">
            <xsl:attribute name="class">active</xsl:attribute>
         </xsl:if>
         
         <xsl:if test="position() = last()">
            <xsl:attribute name="style">background-image: none</xsl:attribute>
         </xsl:if>


         <!-- Определяем адрес ссылки -->
         <xsl:variable name="link">
            <xsl:choose>
               <!-- Если внешняя ссылка -->
               <xsl:when test="url != ''">
                  <xsl:value-of disable-output-escaping="yes" select="url"/>
               </xsl:when>
               <!-- Иначе если внутренняя ссылка -->
               <xsl:otherwise>
                  <xsl:value-of disable-output-escaping="yes" select="link"/>
               </xsl:otherwise>
            </xsl:choose>
         </xsl:variable>

         <!-- Ссылка на пункт меню -->
               <a href="{$link}" title="{name}" hostcms:id="{@id}" hostcms:field="name" hostcms:entity="structure"><xsl:value-of disable-output-escaping="yes" select="name"/></a>

                     
</li>
   </xsl:template>
</xsl:stylesheet>
Авторизация