Мега выпадающие списки

Question

Я хочу сделать мегадроп вниз, как тот, который используется на сайте руководств Rails (http://guides.rubyonrails.org/), или как тот, который используется в BaseCamp. Возможно, они будут сделаны с помощью помощников по форме Rails ??

Answer 1

Не автоматически, нет. «Мега выпадающий список» - это на самом деле просто элемент DIV, который выглядит так, как если бы он был «Открытым указателем». Все, что вам нужно сделать, это расположить DIV так, чтобы он выглядел правильно.

На предоставленном вами веб-сайте это было сделано путем размещения DIV внутри элемента, в котором размещался элемент «Указатель направляющих». Примерно так:

<outerelement style="position: relative; top: 0px; left: 0px">
  <a href="#">Guide Index</a>
  <div id="index" style="position: absolute; top: 0px; left: 0px; display: none">
     <!-- all the items in the guide index -->
  </div>
</outerelement>

Я не могу вспомнить, как использовать прототипы помощников в Rails для генерации этого, но вам нужен только код Javascript, чтобы сделать это, когда нажата ссылка "Guide Index":

 Element.toggle('index');

Возможно что-то вроде:

 <%=link_to_function("Guide Index", "Element.toggle('index')")%>

Итак, что вы в итоге получите в своем файле .rb:

<outerelement style="position: relative; top: 0px; left: 0px">
  <%=link_to_function("Guide Index", "Element.toggle('index')")%>
  <div id="index" style="position: absolute; top: 0px; left: 0px; display: none">
     <!-- all the items in the guide index -->
  </div>
</outerelement>

Answer 2

Встроенные помощники форм предназначены для создания стандартных элементов формы HTML. Такого рода «мега выпадающие списки» не являются частью этого и должны быть созданы вручную, с использованием HTML, возможно, немного CSS и Javascript.

Мне неизвестны какие-либо плагины или что-то подобное, что создает это для вас автоматически, но я уверен, что вы найдете что-нибудь. Или, конечно, вы можете написать свой собственный.

Answer 3

37Signals (создатели Rails) опубликовали статью о мега выпадающей навигации. В статье основное внимание уделяется удобству использования.