Меню

#
Меню
Доброй ночи.
Впервые вешаю сайт на HostCMS поэтому никак не могу понять как осуществить вертикальное статичное меню (все пункты постоянны) с выпадающими в право пунктами подменю....В верстке это выглядит примерно так

<ul>
         <li onmouseover="menushow('1');" onmouseout="menuhide('1');">
            <a href="#" title="Перейти в раздел Вести"><img src="i/newsr.png" alt="Вести" /></a>
            <div id="smenu1" onmouseover="menushow('1');" onmouseout="menuhide('1');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <a href="#">История</a><br />
               <a href="#">Руководство</a><br />
               <a href="#">Лицензии</a><br />
            </div>
         </li>
         <li onmouseover="menushow('2');" onmouseout="menuhide('2');">
            <a href="#" title="Перейти в раздел Дружина"><img src="i/bandr.png" alt="Дружина" /></a>
            <div id="smenu2" onmouseover="menushow('2');" onmouseout="menuhide('2');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <a href="#">История</a><br />
               <a href="#">Руководство</a><br />
               <a href="#">Лицензии</a><br />
            </div>
         </li>
         <li onmouseover="menushow('3');" onmouseout="menuhide('3');">
            <a href="#" title="Перейти в раздел Гудьба"><img src="i/musicr.png" alt="Гудьба" /></a>
            <div id="smenu3" onmouseover="menushow('3');" onmouseout="menuhide('3');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <a href="#">История</a><br />
               <a href="#">Руководство</a><br />
               <a href="#">Лицензии</a><br />
            </div>
         </li>
         <li onmouseover="menushow('4');" onmouseout="menuhide('4');">
            <a href="#" title="Перейти в раздел Походы"><img src="i/concr.png" alt="Походы" /></a>
            <div id="smenu4" onmouseover="menushow('4');" onmouseout="menuhide('4');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <a href="#">История</a><br />
               <a href="#">Руководство</a><br />
               <a href="#">Лицензии</a><br />
            </div>
         </li>
         <li onmouseover="menushow('5');" onmouseout="menuhide('5');">
            <a href="#" title="Перейти в раздел Ярмарка"><img src="i/shopr.png" alt="Ярмарка" /></a>
            <div id="smenu5" onmouseover="menushow('5');" onmouseout="menuhide('5');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <a href="#">История</a><br />
               <a href="#">Руководство</a><br />
               <a href="#">Лицензии</a><br />
            </div>
         </li>
         <li onmouseover="menushow('6');" onmouseout="menuhide('6');">
            <a href="#" title="Перейти в раздел Вече"><img src="i/forumr.png" alt="Вече" /></a>
            <div id="smenu6" onmouseover="menushow('6');" onmouseout="menuhide('6');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <a href="#">История</a><br />
               <a href="#">Руководство</a><br />
               <a href="#">Лицензии</a><br />
            </div>
         </li>
         <li onmouseover="menushow('7');" onmouseout="menuhide('7');">
            <a href="#" title="Перейти в раздел Гостевая книга"><img src="i/guestr.png" alt="Гостевая книга" /></a>
            <div id="smenu7" onmouseover="menushow('7');" onmouseout="menuhide('7');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <a href="#">История</a><br />
               <a href="#">Руководство</a><br />
               <a href="#">Лицензии</a><br />
            </div>
         </li>
         <li onmouseover="menushow('8');" onmouseout="menuhide('8');">
            <a href="#" title="Перейти в раздел Контакты"><img src="i/contactsr.png" alt="Контакты" /></a>
            <div id="smenu8" onmouseover="menushow('8');" onmouseout="menuhide('8');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <a href="#">История</a><br />
               <a href="#">Руководство</a><br />
               <a href="#">Лицензии</a><br />
            </div>
         </li>
      </ul>



Попытался внедрить следующим образом:

<ul>
         <li onmouseover="menushow('1');" onmouseout="menuhide('1');">
            <a href="/news/" title="Перейти в раздел Вести"><img src="/i/newsr.png" alt="Вести" /></a>
            <div id="smenu1" onmouseover="menushow('1');" onmouseout="menuhide('1');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <?php
                        $Structure = & singleton ('Structure');
                        $Structure->ShowStructure(7,'ВерхнееМеню');
                    ?>
            </div>
         </li>
         <li onmouseover="menushow('2');" onmouseout="menuhide('2');">
            <a href="/band/" title="Перейти в раздел Дружина"><img src="/i/bandr.png" alt="Дружина" /></a>
            <div id="smenu2" onmouseover="menushow('2');" onmouseout="menuhide('2');">
               <span class="tlc"></span><span class="trc"></span><span class="blc"></span><span class="brc"></span>
               <?
                        $Structure->ShowStructure(87,'ВерхнееМеню');
                    ?>
            </div>
         </li>
</ul>


в итоге выпадают просто пустые меню объясните как мне сделать нормально а то я по форуму хожу но так ничего  и не нашел подходящего....
#
Re: Меню
Никто не поможет?
Модератор
#
Re: Меню
Если меню статическое, то оно формируется без использования API системы, т.е. в данном случае не надо использовать метод ShowStructure. Вставляйте полностью тот код, который Вы привели в верстке.  
#
Re: Меню
Подменю не должно быть статичным. В него надо иметь возможность добавлять пункты и удалять их. Статика только основное меню.
Модератор
#
Re: Меню
Тогда Вам необходимо делать все меню динамическим.
#
Re: Меню
а можно подробнее?
Модератор
#
Re: Меню
В структуре сайта создаете разделы с такой же иерархией какую они должны иметь в меню на сайте, например, создаете раздел "Перейти в раздел Вести", заходите в него и создаете 3 дочерних раздела "История", "Руководство", "Лицензии". Таким же образом создаете остальные разделы и подразделы. Теперь на базе созданной структуры можно создавать меню сайта. Для отображения меню используйте метод ShowStructure. Но поскольку Ваше меню отличается от того, которое используется на демонстрационном сайте необходимо откорректировать XSL-шаблон (в данном случае 'ВерхнееМеню' в соответствие с Вашей версткой.  
  
  
#
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="no" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml" />
   
   <xsl:template match="/document">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-top: 2px; margin-left: 0px;">
         <tr>
            <xsl:apply-templates select="structure[show=1]"/>
         </tr>
      </table>
   </xsl:template>
   
   <xsl:template match="structure">
      
      <xsl:param name="posit" select="1" />
      
      
      <xsl:variable name="current_structure_id" select="/document/structure/current_structure_id"/>
      <xsl:if test="show_link = 1">
         <!-- Определяем адрес ссылки -->
         <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>
         
         <!-- Определяем стиль вывода ссылки -->
         <xsl:variable name="link_style"><xsl:choose>
               <!-- Выделяем текущую страницу жирным (если это текущая страница, либо у нее есть ребенок с ID, равным текущей) -->
               <xsl:when test="current_structure_id=@id or count(.//structure[@id=$current_structure_id])=1">font-weight: bold</xsl:when>
               <!-- Иначе обычный вывод с пустым стилем -->
               <xsl:otherwise></xsl:otherwise>
         </xsl:choose></xsl:variable>
         
         <xsl:choose>
            <xsl:when test="level=0">
               <xsl:choose>
                  <xsl:when test="count(structure[show=1]) > 0">
                     
                     
                     <td valign="top" OnMouseOver="JavaScript:SlideLayer('id_{@id}');" OnMouseOut="JavaScript:SlideLayerHide('id_{@id}');">
                        
                        <div>
                           <a href="{$link}" class="menu_center"><xsl:value-of select="name"/></a>
                        </div>
                        
                        
                        <div style="display: none; z-index: 10; padding-right: 0; margin-top: 1px; margin-left: 0px; margin-right: 0px;" id="id_{@id}">
                           
                           <table border="0" cellpadding="0" cellspacing="0">
                              
                              <xsl:variable name="posit_var" select="position()"/>
                              
                              <xsl:apply-templates select="structure[show=1]">
                                 
                                 <xsl:with-param name="posit" select="$posit_var"/>
                                 
                              </xsl:apply-templates>
                              
                           </table>
                        </div>
                     </td>
                     
                     
                  </xsl:when>
                  <xsl:otherwise>
                     <td  valign="top" align="center">
                        
                        <a href="{$link}" class="menu_center"><xsl:value-of select="name"/></a>
                        
                     </td>
                  </xsl:otherwise>
               </xsl:choose>
               
               
            </xsl:when>
            <xsl:otherwise>
               
               
               <tr>
                  
                  <td><a href="{$link}" class="menu_link_no_bold"><xsl:value-of select="name"/></a>
                  </td>
                  
               </tr>
               
            </xsl:otherwise>
         </xsl:choose>
         
      </xsl:if>
   </xsl:template>
</xsl:stylesheet>



теперь в выпадающем меню у меня отображаются ссылки на сами главные пункты. А как сделать что бы отображались подпункты главных пунктов?:-[
#
Re: Меню
Помогите пожалуйста.....я уже отчаился
Авторизация