We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 26690
    • 25 Posts
    Господа, столкнулся с большой проблемой, непонятной мне. Сделал себе выпадающее меня на Wayfinder, подключаю все необходимые css dropdown.css, dropdown_ie.css. В опере все хорошо работает как нужно, а вот в IE 6 версии не хочет выпадающий список работать. Подскажите, пожалуйста в чем проблема.. заранее благодарен.
      • 36823
      • 334 Posts
      Wayfinder создаёт код в соответствии с заданными параметрами. Проблема в css или в js.
        • 26883
        • 137 Posts
        Quote from: Seque at Dec 25, 2009, 10:17 AM

        Господа, столкнулся с большой проблемой, непонятной мне. Сделал себе выпадающее меня на Wayfinder, подключаю все необходимые css dropdown.css, dropdown_ie.css. В опере все хорошо работает как нужно, а вот в IE 6 версии не хочет выпадающий список работать. Подскажите, пожалуйста в чем проблема.. заранее благодарен.
        Ну, этот уродец и не будет работать без дополнительных JS. Я бы посоветовал для wayfinder использовать конфигурацию mollio ( тоже выпадающее меню, но по-интересней будет). Чтобы заставить правильно отображать выпадающие меню в IE-6 надо для него подключать Javascript:
        /*
        son of suckerfish menu script from:
        http://www.htmldog.com/articles/suckerfish/dropdowns/
         */
         
         sfHover = function() {
        	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
        	for (var i=0; i<sfEls.length; i++) {
        		sfEls[i].onmouseover=function() {
        			this.className+=" sfhover";
        			this.style.zIndex=200; //this line added to force flyout to be above relatively positioned stuff in IE
        		}
        		sfEls[i].onmouseout=function() {
        			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        		}
        	}
        }
        if (window.attachEvent) window.attachEvent("onload", sfHover);


        Во всяком случае так с mollio делаю, наверное и для dropdown подойдет.
          • 26690
          • 25 Posts
          Quote from: ShaggyDoc at Dec 25, 2009, 01:15 PM

          Quote from: Seque at Dec 25, 2009, 10:17 AM

          Господа, столкнулся с большой проблемой, непонятной мне. Сделал себе выпадающее меня на Wayfinder, подключаю все необходимые css dropdown.css, dropdown_ie.css. В опере все хорошо работает как нужно, а вот в IE 6 версии не хочет выпадающий список работать. Подскажите, пожалуйста в чем проблема.. заранее благодарен.
          Ну, этот уродец и не будет работать без дополнительных JS. Я бы посоветовал для wayfinder использовать конфигурацию mollio ( тоже выпадающее меню, но по-интересней будет). Чтобы заставить правильно отображать выпадающие меню в IE-6 надо для него подключать Javascript:
          /*
          son of suckerfish menu script from:
          http://www.htmldog.com/articles/suckerfish/dropdowns/
           */
           
           sfHover = function() {
          	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
          	for (var i=0; i<sfEls.length; i++) {
          		sfEls[i].onmouseover=function() {
          			this.className+=" sfhover";
          			this.style.zIndex=200; //this line added to force flyout to be above relatively positioned stuff in IE
          		}
          		sfEls[i].onmouseout=function() {
          			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
          		}
          	}
          }
          if (window.attachEvent) window.attachEvent("onload", sfHover);


          Во всяком случае так с mollio делаю, наверное и для dropdown подойдет.

          Не помогло=( расскажите, пожалуйста, поподробнее про mollio, а то мануала почему-то в интернете мало про него..
            • 26883
            • 137 Posts
            mollio - один из известных вариантов меню. в сочетании с шаблонами см. http://www.mollio.org

            Там можно посмотреть в работе шаблоны с меню и скачать всё в zip-архиве для применения на сайте. В том числе и упомянутый JS.

            Меню mollio можно использовать и с Waifinder, для этого есть специальная конфигурация в

            assets/snippets/wayfinder/configs/mollio.config.php

            Вызывается в шаблоне
            <div id="nav">
               [[Wayfinder? &startId=`0` &config=`mollio`]]
            </div>
            

            id = nav требуется потому, что в CSS для mollio всё привязано именно к этому идентификатору. Сам файл CSS

            assets/snippets/wayfinder/examples/mollio/mollio-menu.css

            Разумеется, для своего сайта лучше эту "штатную" CSS не трогать, а в mollio.config.php
            изменить $cssTpl на свой вариант CSS. Или вообще всё, что в config задать аргументами в вызове wayfinder.

            Подробности в assets/snippets/wayfinder/examples/mollio/howto.txt

            mollio-menu.css отличается повышенной стойкостью в борьбе с IE. Эти стили надо править очень аккуратно, желательно только выбросить фоновые картинки да изменить атрибуты цвета по вкусу.