VPF::не могу присвоить название стилей

LeeFORT

Дата 1.7.2014, 01:13 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

Не могу присвоить css в xsl
Есть CSS

Код


            #main #wrapper #top-menu #stock { text-shadow: 0px 1px 0px #B81227; background-position: 0px 0px; width: 150px;}
            #main #wrapper #top-menu #stock:hover { background-position:0 -48px; }
            #main #wrapper #top-menu #delivery { width: 150px; text-shadow: 0px 1px 0px #CC511C; background-position: -150px 0px;}
            #main #wrapper #top-menu #delivery:hover { background-position:-150px -48px; }
            #main #wrapper #top-menu #surety { width: 151px; text-shadow: 0px 1px 0px #D18816; background-position: -300px 0px;}
            #main #wrapper #top-menu #surety:hover { background-position:-300px -48px; }
            #main #wrapper #top-menu #info { width: 151px; text-shadow: 0px 1px 0px #238219; background-position: -451px 0px; }
            #main #wrapper #top-menu #info:hover { background-position:-451px -48px; }
            #main #wrapper #top-menu #contacts { width: 150px; text-shadow: 0px 1px 0px #2E969D; background-position: -602px 0px; }
            #main #wrapper #top-menu #contacts:hover { background-position:-602px -48px; }

Есть XSL

Код


    <xsl:template match="/site">
        <div id="top-menu">
            <!-- Выбираем узлы структуры первого уровня -->
            <xsl:apply-templates select="*[@id][show=1][active=1]" />
        </div>
    </xsl:template>

есть PHP

Код


<?php
  $Structure_Controller_Show = new Structure_Controller_Show(
    Core_Entity::factory('Site', CURRENT_SITE));

  $Structure_Controller_Show->xsl(Core_Entity::factory('Xsl')
    ->getByName('ВерхнееМеню')) 
    ->menu(3)
    ->show();
?>

Итог выдаёт такой в HTML

Код


<div id="top-menu">
  <div>
    <a href="/">
      <span>Главная</span>
    </a>
  </div>
  <div>
    <a href="/about/">
      <span>О нас</span>
    </a>
  </div>
  <div>
    <a href="/news/">
      <span>Новости</span>
    </a>
  </div>
  <div>
    <a href="/contacts/">
      <span>Контакты</span>
    </a>
  </div>
</div>

А нужно:

Код


<div id="top-menu">
    <a href="/"><div class="stock">Главная</a></div>
    <a href="/about/"><div class="delivery">О нас</a></div>
    <a href="/news/"><div class="info">Новости</a></div>
    <a href="/contacts/"><div class="contacts">Контакты</div></a>
</div>

подскажите, куда рыть?

Это сообщение отредактировал(а) LeeFORT - 1.7.2014, 02:58

diadiavova

Дата 1.7.2014, 13:27 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5820
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142

Из того фрагмента XSL, что ты привел, сделать какие-то выводы невозможно. Где сами шаблоны, в которых формируется неправильный код?
В CSS обрати внимание на то, что решеткой обозначается id, а не класс, но это я так, до кучи - основная проблема видимо в XSL.

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

Bulat

Дата 1.7.2014, 13:57 (ссылка)

(нет голосов)

Загрузка ...

татарский Нео

Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 22.3.2006
Где: Альметьевск

Репутация: нет
Всего: 57

Цитата(LeeFORT @ 1.7.2014, 01:13

)

подскажите, куда рыть?

Какая структура xml обрабатывается при помощи xsl ??

--------------------

менеджер по кодеврайтингу smile

LeeFORT

Дата 1.7.2014, 14:38 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

Да взялся тут HostCMS изучить. Вроде понятно, а вроде нет. Теоретически слушаться должен. А на практики, я криворукожоп оказывается))))))
полный код

Код


<?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:template match="/site">
        <div id="top-menu">
            <!-- Выбираем узлы структуры первого уровня -->
            <xsl:apply-templates name="*[@id]" select="*[@id][show=0][active=1]" />
        </div>
    </xsl:template>
    
    <!-- Запишем в константу ID структуры, данные для которой будут выводиться пользователю -->
    <xsl:variable name="current_structure_id" select="/site/current_structure_id"/>
    
    <xsl:template match="*">
        <!-- Шаблон выборки дочерних узлов -->
        <xsl:variable name="sub" select="*[@id][show=1][active=1]" />
        
        <div>
            <!-- Определяем адрес ссылки -->
            <xsl:variable name="link">
                <xsl:choose>
                    <!-- Если внутренняя ссылка -->
                    <xsl:when test="link != ''">
                        <xsl:value-of disable-output-escaping="yes" select="link"/>
                    </xsl:when>
                    <!-- Если внешняя ссылка -->
                    <xsl:otherwise>
                        <xsl:value-of disable-output-escaping="yes" select="url"/>
                    </xsl:otherwise>
                </xsl:choose>
            </xsl:variable>
            
            <!-- Показывать ссылку? -->
            <a href="{$link}">
                <span><xsl:value-of disable-output-escaping="yes" select="name"/></span>
            </a>
        </div>
    </xsl:template>
</xsl:stylesheet>

Это сообщение отредактировал(а) LeeFORT - 1.7.2014, 14:40

diadiavova

Дата 1.7.2014, 14:44 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5820
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142

LeeFORT, ну у тебя как написано в хсл, так оно и выводит

Код


         <a href="{$link}">
                <span><xsl:value-of disable-output-escaping="yes" select="name"/></span>
            </a>

Напиши так

Код


         <a href="{$link}">
                <div class="{Здесь выражение, которое должно возвратить имя класса}"><xsl:value-of disable-output-escaping="yes" select="name"/></div>
            </a>

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

LeeFORT

Дата 1.7.2014, 15:17 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

так проблема у меня как раз таки с этим и есть
Вот id css
stock
delivery
info
contacts

как их привязать.

лучше разъясните что за что отвечает)))
ну что бы понимать хоть чуток.

Это сообщение отредактировал(а) LeeFORT - 1.7.2014, 15:21

diadiavova

Дата 1.7.2014, 15:30 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5820
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142

Цитата(LeeFORT @ 1.7.2014, 16:17

)

так проблема у меня как раз таки с этим и есть

class в css: в самом CSS указывается точкой.

Код


.stock{}
.delivery{}
.info{}
.contacts{}

Если тебе нужно именно id, то в цсс это решетка(как ты и указал) а в коде соответственно атрибут id.
То есть если надо привязывать к ид, то код будет выглядеть так

Код


<a href="{$link}">
                <div id="{Здесь выражение, которое должно возвратить имя класса}"><xsl:value-of disable-output-escaping="yes" select="name"/></div>
            </a>

Что не понятно?

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

LeeFORT

Дата 1.7.2014, 15:47 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

да вот я и не могу понять
Если указать

Код


        <a href="{$link}">
            <div id="stock"><xsl:value-of disable-output-escaping="yes" select="name"/></div>
        </a>

то получится

Код


<div id="top-menu">
  <a href="/">
    <div id="stock">Главная</div>
  </a>
  <a href="/about/">
    <div id="stock">О нас</div>
  </a>
  <a href="/news/">
    <div id="stock">Новости</div>
  </a>
  <a href="/contacts/">
    <div id="stock">Контакты</div>
  </a>
</div>

то есть 1 id присваивается всему меню.
А задумка, что бы изменялось на соответствующей id

и на выходе получилось так

Код


<div id="top-menu">
    <a href="/"><div class="stock">Главная</a></div>
    <a href="/about/"><div class="delivery">О нас</a></div>
    <a href="/news/"><div class="info">Новости</a></div>
    <a href="/contacts/"><div class="contacts">Контакты</div></a>
</div>

diadiavova

Дата 1.7.2014, 15:55 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5820
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142

Цитата(LeeFORT @ 1.7.2014, 16:47

)

Если указать

Указывать надо выражение XPath, только заключить его в фигурные скобки. Я просто не могу тебе написать готовое выражение, не видя исходного XML и не зная, откуда и по какому принципу ты получаешь данные об имени идентификатора.

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

LeeFORT

Дата 1.7.2014, 16:00 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

пример в студию)

пример типо такого?

Код


  <book style="autobiography">
    <author>
<first-name>Joe</first-name>
<last-name>Bob</last-name>
      <award>Trenton Literary Review Honorable Mention</award>
    </author>
    <price>12</price>
  </book>

из раздела сайта "Структура сайта"

Это сообщение отредактировал(а) LeeFORT - 1.7.2014, 16:07

diadiavova

Дата 1.7.2014, 16:07 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5820
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142

Цитата(LeeFORT @ 1.7.2014, 17:00

)

пример в студию)

И где в этом примере место, из которого надо брать id?

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

LeeFORT

Дата 1.7.2014, 16:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

diadiavova, а что нужно тебе знать, функции?

diadiavova

Дата 1.7.2014, 16:54 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5820
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142

Цитата(LeeFORT @ 1.7.2014, 17:26

)

а что нужно тебе знать

Я же объяснил. Если тебе надо, чтобы каждая ссылка имела собственный ид, то по крайней мере опиши из какого места в документе эти ид должны браться. Вот например stock, откуда должно браться это имя? То же самое касается всех остальных. Тебе надо, чтобы из данных исходного документа, формировалась страница, так и опиши, где в этом документе данные, которые надо вставить в конкретное место. Волшебным образом из твоей головы они появиться в документе не могут. Раз они должны там появиться, значить они должны где-то быть изначально. smile

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

LeeFORT

Дата 1.7.2014, 18:06 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

diadiavova, идёт обращение к ид основного меню. Оно указано в коде "1". В принципе, этот код отвечает только сам за себя. На сколько я понимаю движок, а движок, что-то я понять ничерта не могу. Там менять всё можно основываясь только на том, что видишь(я про внешний вид на выходе)

Это часть кода отвечающая только за вид верхнего меню.

LeeFORT

Дата 1.7.2014, 18:22 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

вот нашёл код аналог.
тут почему-то работает, а у меня нет.
Хотя отличия только в субкатегориях.

Код


<?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 id="cssmenu">
      <ul>
        <!-- Выбираем узлы структуры первого уровня -->
        <xsl:apply-templates select="*[@id][show=1][active=1]" />
      </ul>
    </div>
  </xsl:template>

  <!-- Запишем в константу ID структуры, данные для которой будут выводиться пользователю -->
  <xsl:variable name="current_structure_id" select="/site/current_structure_id"/>

  <xsl:template match="*">
    <!-- Шаблон выборки дочерних узлов -->
    <xsl:variable name="sub" select="*[@id][show=1][active=1]" />

    <li>
      <xsl:attribute name="class">
        <xsl:if test="$current_structure_id = @id or count(.//structure[@id=$current_structure_id]) = 1">active </xsl:if>
        <xsl:if test="position() = last()">last </xsl:if>
        <xsl:if test="$sub">has-sub</xsl:if>
      </xsl:attribute>

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

      <!-- Показывать ссылку? -->
      <a href="{$link}">
        <span><xsl:value-of disable-output-escaping="yes" select="name"/></span>
      </a>

      <xsl:if test="$sub">
        <ul>
          <xsl:apply-templates select="$sub" />
        </ul>
      </xsl:if>
    </li>
  </xsl:template>
</xsl:stylesheet>

Код


<?php
  $Structure_Controller_Show = new Structure_Controller_Show(
    Core_Entity::factory('Site', CURRENT_SITE));

  $Structure_Controller_Show->xsl(Core_Entity::factory('Xsl')
    ->getByName('CssMenuMaker')) // XSL-шаблон
    ->showInformationsystemGroups(TRUE) // показываем группы инфосистемы (TRUE/FALSE)
    ->showShopGroups(TRUE) // показываем группы магазина (TRUE/FALSE)
    ->menu(1) // идентификатор меню
    ->show();
?>

Код


#cssmenu{ height:37px; display:block; padding:0; margin: 0;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), 
color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); 
background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); 
background:linear-gradient(top, #333333 0%,#222222 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); }
#cssmenu{border-color:#000;}
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#444;}
#cssmenu > ul > li > a:hover{background:#111;}

И вот даже Репозиторий шаблона на GitHub

и тут рабочее меню

Это сообщение отредактировал(а) LeeFORT - 1.7.2014, 18:25

diadiavova

Дата 1.7.2014, 19:40 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5820
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142

Цитата(LeeFORT @ 1.7.2014, 19:06

)

Оно указано в коде "1".

Ты имеешь в виду CSS? Я правильно понимаю, ты хочешь средствами XSLT загрузить CSS-файл, распарсить его и получить имена идентификаторов оттуда? smile

Если так, то для начала XSLT не располагает стандартными средствами загрузки CSS- файлов. Можно подгрузить только внешний XML. Что касается парсинга текста средствами этого языка, то в теории это, конечно, возможно, но на практике это работа для мазохиста. Есть вариант - парсить цсс на сервере, а клиенту передавать уже готовые данные в виде XML-файла.

Цитата(LeeFORT @ 1.7.2014, 19:22

)

тут почему-то работает, а у меня нет.

Я просмотрел этот код и тут никаких идентификаторов нет. Просто проверяются некоторые условия для каждого узла и, в зависимости от результата проверки, результирующему узлу присваивается тот или иной класс. Это все-таки несколько иной подход нежели тот, который задумал реализовать ты(если, конечно, я правильно тебя понял).

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

LeeFORT

Дата 1.7.2014, 20:04 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

нет. я не думал заниматься мазохизмом(
У меня просто была задумка что бы на выходе было это:

Код


<div id="top-menu">
    <a href="/"><div class="stock">Главная</a></div>
    <a href="/about/"><div class="delivery">О нас</a></div>
    <a href="/news/"><div class="info">Новости</a></div>
    <a href="/contacts/"><div class="contacts">Контакты</div></a>
</div>

а не это

Код


<div id="top-menu">
    <a href="/"><div class="stock">Главная</a></div>
    <a href="/about/"><div class="stock">О нас</a></div>
    <a href="/news/"><div class="stock">Новости</a></div>
    <a href="/contacts/"><div class="stock">Контакты</div></a>
</div>

Это сообщение отредактировал(а) LeeFORT - 1.7.2014, 20:06

LeeFORT

Дата 2.7.2014, 11:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

прблема решилась простым решением

Код


<a href="{$link}">
   <div>
      <xsl:choose>
         <xsl:when test="position() = 1"><xsl:attribute name="class">stock</xsl:attribute></xsl:when>
         <xsl:when test="position() = 2"><xsl:attribute name="class">delivery</xsl:attribute></xsl:when>
         <xsl:when test="position() = 3"><xsl:attribute name="class">info</xsl:attribute></xsl:when>
         <xsl:when test="position() = 4"><xsl:attribute name="class">contacts</xsl:attribute></xsl:when>
      </xsl:choose>
      <xsl:value-of disable-output-escaping="yes" select="name"/>
   </div>
</a>

diadiavova

Дата 2.7.2014, 11:52 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5820
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 22
Всего: 142

LeeFORT, ну такое решение - не проблема, с таким же успехом можно было ввынести идентификаторы в отдельный документ ( как я предложил ранее). Но это ведь совсем другой вопрос.

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

LeeFORT

Дата 2.7.2014, 17:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 92
Регистрация: 22.9.2007

Репутация: нет
Всего: нет

diadiavova, Всё равно спасибо за развития мысли направления)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| XML, XSL \| Следующая тема »