Левое выпадающее (раскрывающееся) меню (слайдер)

18 декабря 2009 г.

Здравствуйте!

Помогите мне, пожалуйста, с реализацией левого раскрывающегося меню!

На html и css оно есть.
Не могу сообразить, какой должен быть XSL для него, совсем в нем не силен((

Меню должно работать как левое меню вот тут: http://seopax.ru

Html:

<div id="info">
<ul class="menu1">
<li class="drop"><a href="#">Компания</a><table><tr><td>
   <ul>
   <li><a href="#">О компании</a></li>
   <li><a href="#">История</a></li>
   <li><a href="#">Наши партнеры</a></li>
   <li><a href="#">Вакансии</a></li>
   </ul>
   </td></tr></table>
</li>
<li class="drop"><a href="#">Создание сайта</a><table><tr><td>
   <ul>
   <li><a href="#">Типы сайтов</a></li>
   <li><a href="#">Сроки и цены</a></li>
   <li><a href="#">Системы управления</a></li>
   <li><a href="#">Портфолио</a></li>
   </ul>
   </td></tr></table>
</li>
<li class="drop"><a href="#">Продвижение сайта</a><table><tr><td>
   <ul>
   <li><a href="#">Тарифы</a></li>
   <li><a href="#">Конкретные запросы</a></li>
   <li><a href="#">Без предоплаты</a></li>
   <li><a href="#">Портфолио</a></li>
   </ul>
   </td></tr></table>
</li>
<li class="drop"><a href="#">Контекстная реклама</a><table><tr><td>
   <ul>
   <li><a href="#">Яндекс</a></li>
   <li><a href="#">Google</a></li>
   <li><a href="#">Стоимость</a></li>
   </ul>
   </td></tr></table>
</li>
<li class="drop"><a href="#">Хостинг</a><table><tr><td>
   <ul>
   <li><a href="#">Тарифы</a></li>
   <li><a href="#">Регистрация доменов</a></li>
   </ul>
   </td></tr></table>
</li>
<li class="drop"><a href="#">Медийная реклама</a><table><tr><td>
   <ul>
   <li><a href="#">Площадки</a></li>
   <li><a href="#">Стоимость</a></li>
   </ul>
   </td></tr></table>
</li>
<li class="drop"><a href="#">Аудит сайта</a><table><tr><td>
   <ul>
   <li><a href="#">Виды аудита</a></li>
   </ul>
   </td></tr></table>
</li>
<li class="drop"><a href="#" title="Контактная информация">Контактная информация</a></li>
</ul>
</div>

css:

ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none;   text-align:left; font-family:Georgia, "Times New Roman", Times, serif;  width:170px;}
ul.menu1 {margin:0 auto;}

ul.menu1 table {padding:0; margin:0;}
ul.menu1 ul {margin-left:1em; }
ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {margin-bottom:-2px;display:block;}
ul.menu1 li a,
ul.menu1 li a:visited {display:block; width:14em; height:2em;   }
ul.menu1 li a.last,
ul.menu1 li a.last:visited {display:block; width:14em; height:14em; }
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a,
ul.menu1 li a:hover {border:0;}
ul.menu1 li:hover ul,
ul.menu1 li a:hover ul {display:block;  width:12em; margin-top:-1px;font-style:italic }
ul.menu1 li:hover ul li a,
ul.menu1 li a:hover ul li a {height:2em;}
ul.menu1 li:hover ul li:hover a,
ul.menu1 li a:hover ul li a:hover {}

Интеграция в макет:

<?php
$Structure = & singleton('Structure');
$Structure->ShowStructure(3,'ЛевоеМеню');
?>

XSL:

Нужна ваша помощь!)))

18 декабря 2009 г.

Re: Левое выпадающее (раскрывающееся) меню (слайдер)

up!
Понимаю, что ни у кого времени особо нет, и к тому же пятница, но, может, кто-то делал что-нибудь подобное? Мне хотя бы похожее.

18 декабря 2009 г.

Re: Левое выпадающее (раскрывающееся) меню (слайдер)

а зачем комменты?)

</a>

тут получается что для всех браузеров кроме ie7,ie6 ссылка вообще не закрывается

без комментов:

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="Windows-1251" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>

<xsl:template match="/document">
<div id="info">
<ul class="menu1">
<xsl:apply-templates select="structure[show=1]"/>
</ul>
</div>
</xsl:template>

<xsl:template match="structure">
<xsl:variable name="current_structure_id" select="/document/structure/current_structure_id"/>
<li class="drop">
<xsl:variable name="link"><xsl:choose><xsl:when test="is_external_link=1"><xsl:value-of disable-output-escaping="yes" select="external_link"/></xsl:when><xsl:otherwise><xsl:value-of disable-output-escaping="yes" select="link"/></xsl:otherwise></xsl:choose></xsl:variable>
<a href="{$link}" title="{$name}"><xsl:value-of disable-output-escaping="yes" select="name"/></a>
<xsl:if test="count(structure[show = 1]) > 0">
<table><tr><td>
<ul>
<xsl:apply-templates select="structure[show=1]" mode="pool"/>
</ul>
</td></tr></table>
</xsl:if>
</li>
</xsl:template>

<xsl:template match="structure" mode="pool">
<li>
<xsl:variable name="link"><xsl:choose><xsl:when test="is_external_link=1"><xsl:value-of disable-output-escaping="yes" select="external_link"/></xsl:when><xsl:otherwise><xsl:value-of disable-output-escaping="yes" select="link"/></xsl:otherwise></xsl:choose></xsl:variable>
<a href="{$link}"><xsl:value-of disable-output-escaping="yes" select="name"/></a>
</li>
</xsl:template>
</xsl:stylesheet>

18 декабря 2009 г.

Re: Левое выпадающее (раскрывающееся) меню (слайдер)

Кучу ошибок выдает. Что-то не так в коде.
Ошибки:

ПРЕДУПРЕЖЕДЕНИЕ: XSLTProcessor::transformToDoc() [function.XSLTProcessor-transformToDoc]: runtime error: file .../public_html/ line 18 element a в файле .../public_html/modules/Xsl/Xsl.class.php (строка 270)
ПРЕДУПРЕЖЕДЕНИЕ: XSLTProcessor::transformToDoc() [function.XSLTProcessor-transformToDoc]: Variable 'name' has not been declared. в файле .../public_html/modules/Xsl/Xsl.class.php (строка 270)
ПРЕДУПРЕЖЕДЕНИЕ: XSLTProcessor::transformToDoc() [function.XSLTProcessor-transformToDoc]: xmlXPathCompiledEval: evaluation failed в файле .../public_html/modules/Xsl/Xsl.class.php (строка 270)

18 декабря 2009 г.

Re: Левое выпадающее (раскрывающееся) меню (слайдер)

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="Windows-1251" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>

<xsl:template match="/document">
<div id="info">
<ul class="menu1">
<xsl:apply-templates select="structure[show=1]"/>
</ul>
</div>
</xsl:template>

<xsl:template match="structure">
<xsl:variable name="current_structure_id" select="/document/structure/current_structure_id"/>
<li class="drop">
<xsl:variable name="link"><xsl:choose><xsl:when test="is_external_link=1"><xsl:value-of disable-output-escaping="yes" select="external_link"/></xsl:when><xsl:otherwise><xsl:value-of disable-output-escaping="yes" select="link"/></xsl:otherwise></xsl:choose></xsl:variable>
<a href="{$link}" title="{name}"><xsl:value-of disable-output-escaping="yes" select="name"/></a>
<xsl:if test="count(structure[show = 1]) > 0">
<table><tr><td>
<ul>
<xsl:apply-templates select="structure[show=1]" mode="pool"/>
</ul>
</td></tr></table>
</xsl:if>
</li>
</xsl:template>

<xsl:template match="structure" mode="pool">
<li>
<xsl:variable name="link"><xsl:choose><xsl:when test="is_external_link=1"><xsl:value-of disable-output-escaping="yes" select="external_link"/></xsl:when><xsl:otherwise><xsl:value-of disable-output-escaping="yes" select="link"/></xsl:otherwise></xsl:choose></xsl:variable>
<a href="{$link}"><xsl:value-of disable-output-escaping="yes" select="name"/></a>
</li>
</xsl:template>
</xsl:stylesheet>

18 декабря 2009 г.

Re: Левое выпадающее (раскрывающееся) меню (слайдер)

Антон, браво, спасибо большое!
Была б тут карма - плюсанул бы!))

Авторизация