DJ_Petrovich

dj_petrovich

Рейтинг

188

Регистрация

13.02.2006

Должность

президент

Как создать раскрывающееся меню для сортировки товара по критерию?

26 июня 2006, 15:09

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<title>Horizontal Drop Down Menus</title> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<script type="text/javascript"> 

<!-- 

startList = function() { 

   if (document.all&&document.getElementById) { 

      navRoot = document.getElementById("nav"); 

      navRoot1 = document.getElementById("nav1"); 

      navRoot2 = document.getElementById("nav2"); 

      navRoot3 = document.getElementById("nav3"); 

      navRoot4 = document.getElementById("nav4"); 

      for (var i=0; i<navRoot.childNodes.length; i++) { 

         node = navRoot.childNodes; 

         if (node.nodeName=="LI") { 

            node.onmouseover=function(){ 

               this.className+=" over"; 

            } 

            node.onmouseout=function() { 

               this.className=this.className.replace(" over", ""); 

            } 

         } 

      } 

      for (var i=0; i<navRoot1.childNodes.length; i++) { 

         node1 = navRoot1.childNodes; 

         if (node1.nodeName=="LI") { 

            node1.onmouseover=function(){ 

               this.className+=" over"; 

            } 

            node1.onmouseout=function() { 

               this.className=this.className.replace(" over", ""); 

            } 

         } 

      } 

      for (var i=0; i<navRoot2.childNodes.length; i++) { 

         node2 = navRoot2.childNodes; 

         if (node2.nodeName=="LI") { 

            node2.onmouseover=function(){ 

               this.className+=" over"; 

            } 

            node2.onmouseout=function() { 

               this.className=this.className.replace(" over", ""); 

            } 

         } 

      } 

      for (var i=0; i<navRoot3.childNodes.length; i++) { 

         node3 = navRoot3.childNodes; 

         if (node3.nodeName=="LI") { 

            node3.onmouseover=function(){ 

               this.className+=" over"; 

            } 

            node3.onmouseout=function() { 

               this.className=this.className.replace(" over", ""); 

            } 

         } 

      } 

      for (var i=0; i<navRoot4.childNodes.length; i++) { 

         node4 = navRoot4.childNodes; 

         if (node4.nodeName=="LI") { 

            node4.onmouseover=function(){ 

               this.className+=" over"; 

            } 

            node4.onmouseout=function() { 

               this.className=this.className.replace(" over", ""); 

            } 

         } 

      } 

   } 

} 

window.onload=startList; 

--> 

</script> 

<style type="text/css"> 

<!-- 

body { 

   font: normal 11px verdana; 

   } 



ul { 

   margin: 0; 

   padding: 0; 

   list-style: none; 

   width:152px; /* Width of Menu Items */ 

   border-bottom: 1px solid #ccc; 

   } 

ul li { 

   position: relative; 

   width:152px; 

   } 

    

li ul { 

   position: absolute; 

   left: 0; /* Set 1px less than menu width */ 

   top:23px; 

   display: none; 

   } 



/* Styles for Menu Items */ 

ul li a { 

   display: block; 

   text-decoration: none; 

   color: #777; 

   background: #fff; /* IE6 Bug */ 

   padding: 5px; 

   border: 1px solid #ccc; 

   border-bottom: 0; 

   } 



/* Fix IE. Hide from IE Mac \*/ 

* html ul li { float: left; height: 1%; } 

* html ul li a { height: 1%; } 

/* End */ 



ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */ 

       

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */ 

       

li:hover ul, li.over ul { display: block; } /* The magic */ 







/*temp temp temp temp*/ 



#hor_nav { 

   width:760px; 

   margin:auto; 

   background-color:#F6F6F6; 

   /*border-bottom:1px solid #ccc; 

   border-right:1px solid #ccc; 

   border-left:1px solid #ccc;*/ 

} 

.sections { 

   width:152px; 

   padding:8px 0 0 0; 

   /*border-right:1px solid #ccc;*/ 

   float:left; 

   font-weight:600; 

   font-size:10px; 

} 

.sections a:hover { 

   text-decoration:none; 

} 

.sections_right { 

   width:152px; 

   float:left; 

   padding:8px 0 0 0; 

   font-weight:600; 

   font-size:10px; 

} 

.sections_right a:hover { 

   text-decoration:none; 

} 

--> 

</style> 

</head> 

<p>&nbsp;</p> 

<p>&nbsp;</p> 

<div id="hor_nav"> 

 <div class="sections"> 

  <ul id="nav"> 

   <li><a href="#">About1</a> 

    <ul> 

     <li><a href="#">History</a></li> 

     <li><a href="#">Team</a></li> 

     <li><a href="#">Offices</a></li> 

    </ul> 

   </li> 

  </ul> 

 </div> 

 <div class="sections"> 

  <ul id="nav1"> 

 <li><a href="#">About2</a> 

  <ul> 

   <li><a href="#">History</a></li> 

   <li><a href="#">Team</a></li> 

   <li><a href="#">Offices</a></li> 

   <li><a href="#">wfsdfsd</a></li> 

   <li><a href="#">Team</a></li> 

  </ul> 

 </li> 

</ul> 

 </div> 

 <div class="sections"> 

  <ul id="nav2"> 

 <li><a href="#">About3</a> 

  <ul> 

   <li><a href="#">Offices</a></li>  

  </ul> 

 </li> 

</ul> 

 </div> 

 <div class="sections"> 

  <ul id="nav3"> 

 <li><a href="#">About4</a> 

  <ul> 

   <li><a href="#">History</a></li> 

   <li><a href="#">Team</a></li> 

   <li><a href="#">Offices</a></li> 

   <li><a href="#">History</a></li> 

   <li><a href="#">Team</a></li> 

   <li><a href="#">Offices</a></li> 

  </ul> 

 </li> 

</ul> 

 </div> 

 <div class="sections_right"> 

  <ul id="nav4"> 

 <li><a href="#">About5</a> 

  <ul> 

   <li><a href="#">History</a></li> 

   <li><a href="#">Team</a></li> 

   <li><a href="#">Offices</a></li> 

  </ul> 

 </li> 

</ul> 

 </div> 

</div> 

</body> 

</html>

средствами HTML и CSS

немножко :) явы чтоб безглючно работало в ие

в опере работает без нее

в других не проверял

CMS от веб-студии. Случай из жизни.

26 июня 2006, 14:32

Jackyk:
Я сравниваю два пути решения прикладной задачи клиента, которому нужен сайт, и у которого есть некий бюджет.

Нууууууууу, мы так не договаривались! 😡

Вы меняете условие задачи.🙅

1. Речь идет не просто о сайте, а о CMS-ках , настраивающихся под определенные(узкоспециализированные (аналогия - тюнинг авто)) нужды заказчика.

2. Я не имею ни малейшего представления что такое битрикс и какие у него возможности, но на 110% уверен в том, что 99% его пользователей с удовольствием (при определенных навыках в программировании) перекроили бы его вдоль и поперек, викинув оттуда 80% ненужного(никогда не используемого) кода.

3. В силу того, что в студиях работают программисты, часто достточно нормального уровня, считаю, что то что написано в пункте 2 они и делают (сначала). Однако, в силу специфики написание кода программистами(это как дактилоскопический рисунок - у всех по разному) - разбираться в чужом коде не хватает никаких нервов. В итоге программист(студия) принимает решение написать свой собственный движок, ибо это быстрее и мусора меньше(в силу гораздо меньшей требовательности к универсальности).

4. Всем, "у которого есть некий бюджет" покупают вместе с нужными (однако не в полной мере удовлетворяющими их потребности) модулями еще множество всякого ненужного "мусора". Соответственно переплачивая за него деньги.

5. Заказав в студии продукт (предварительно составив ТЗ), можно ТРЕБОВАТЬ (это ключевое слово, практически тег meta) в соответствии, хотя бы, с договором на оказание услуг исполнения всего ТЗ в полной мере. Договорные отношения регулируются законодательством (хотя это крайние меры). Ну в мои то "молодые годы" не мне Вас учить (to Jackyk).

Теперь вопрос к знатокам : кому нужно спорить с этим и постоянно , косвенно, упоминать определенный коммерческий программный продукт абсолютно определенной компании?

Я ответ знаю, а Вы?

CMS от веб-студии. Случай из жизни.

26 июня 2006, 13:28

В конце поста я бы написал крупными буквами "БИТРИКС ФОРЕВА!", было бы более привлекательно.

ПЫСЫ Кстати, сколько Вам платит Битрикс, и как происходит оплата? За каждый пост?

Скрипт интересного сайта

26 июня 2006, 13:14

Интересует только домен

Скрипты я такие пачками и сам пишу :)

Скрипт интересного сайта

26 июня 2006, 12:17

Kislov:
Пример, http://cpravka.ru

Скрипт предназначен для создания справочной службы.
Люди задают вопросы, а вы или модераторы отвечают на вопросы.
Требования скрипта: php + mysql

Оцениваю скрипт в 10$ (можно и поторговаться)
Аська для вопросов: 192366

п.с. скоро выложу демку

Сайт продаете вместе с доменом за 25$ ?

Насколько реальная работа?

26 июня 2006, 11:30

maximumx:
Не о том разговор вообще идёт.
С такими же размышлениями может стоит отстроить супермаркет на море, и там поселитсья, а чего, зачем по два часа тратить на перелёты, когда хочется на море, и по пол часа в день, чтобы сходить в магазин, если можно прямо в нём и жить. ;)

Тоже вариант. Почему нет. Ну только не прямо в нем, а на вилле в шаговой доступности.

Я говорю о том, что работа дома - мечта идиота. Жить нужно в кайф.

Поэтому и работать надо меньше, а зарабатывать больше.

Зачем тратить время на дорогу на работу и с работы, если можно их потратить на разные кайфушки или просто отдых?

CMS от веб-студии. Случай из жизни.

26 июня 2006, 05:01

Не ошибается только тот, кто нихрена не делает.

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

Сайт с www отсутствует в базе Яндекса, а без www есть. Вопрос следующий:

25 июня 2006, 19:54

по мои наблюдениям, яндекс выбирает тот домен, который Вы регистрировали в адурилке

хотя могу ошибаться

В серпах бардак - Директ обогощается

25 июня 2006, 14:01

'T0:
[@']сложнее? ;)

Конечно! В дорвейщики берут только с высшим образованием и дипломом московского дорвеестроительного университета.

скрипт для показа разных сквозных ссылок

25 июня 2006, 13:18

Zonk:
MySQL используется на сервере магазине. Из это базы данных делается txt файл, xml и т.д.

Ужас, а нафига, если не секрет?