How to become an author
Search
Write a publication
Pull to refresh

Comments 21

А зачем использовать radio? Почему не использовать несколько сабмитов с name=«action» (отправлена на сервер будет как раз нажатая)?
Total votes 2: ↑2 and ↓0+2
Можно использовать. Это просто еще один вариант. Хорош он тогда, когда экшен не должен приводить к немедленной отправке формы (кросс-браузерная отправка формы при клике на элемент выпадающего списка без javascript, в данном случае была лишь экспериментом), или же когда нужно оправить сразу несколько экшенов (тогда вместо radio нужно использовать checkbox).

В любом случае это просто способ, достаточно простой, чтобы быть годным в множестве ситуаций, но совершенно не претендующий на всеобъемлемость.
Total votes 1: ↑1 and ↓0+1
iPad — выпадающий список не работает
Total votes 1: ↑1 and ↓0+1
IE2 тоже. Исправьте, пожалуйста.
This comment wasn’t rated yet0
Конечно не работает. Там hover не обрабатывается.
Total votes 2: ↑2 and ↓0+2
Webkit, Firefox, Chromium — работает. А вы в чём пробовали?
Total votes 1: ↑1 and ↓0+1
В хроме алерт не срабатывает, просто переключаются чекбоксы. В огнелисе, при наведение на стрелку выпадающего меню, ничего не происходит. Про ие промолчу…
Total votes 2: ↑1 and ↓10
Прочитайте внимательнее последние абзацы. Я так четко написал, что отправка формы по нажатию на радио-кнопки сработало только в Опере. В других браузерах придется еще кнопку Action нажать. В FF у меня работает нормально, только элемент со стрелкой немного съехал, это можно поправить самому.

В IE9 все также работает, однако так как он не поддерживает transition, а никаких GD-методов я не использовал, выпадающая часть появляется резко и не всегда удобно переводить на нее курсор мыши (пропадает). Это все опять же можно поправить и не относится к самой идее.
Total votes 2: ↑2 and ↓0+2
У меня в FF 12 немного стрелочка не правильно отображается, по высоте на пару пикселей меньше чем Action. В Опере при нажатии на пукнты с выпадающего списка появляется алерт, в хроме и лисе алерт выводится только при нажатии на стрелочку.
Total votes 2: ↑2 and ↓0+2
Особенности работы оправки формы (появления alert на демо) описаны в конце статьи. Я специально обратил на это внимание.

Недочет «стрелочки» связан с «кастрацией» первоначальных стилей. Видимо что-то лишнее удалил. Я думаю это не существенный момент.
Total votes 2: ↑2 and ↓0+2
Блин, если всех интересует техническая реализация dropdown с помощью css, зачем туда пихать визуальную составляющую, аналогичную упомянутому bootstrap? Или без этого долгие листинги сократятся до пары строчек?
Total votes 1: ↑1 and ↓0+1
В общем-то не зачем))) просто хотелось чтобы людям было приятно посмотреть. На самом деле я итак убрал много лишних, с точки зрения данной задачи, стилей. И хотя как вы верно заметили, что визуализация тут не главное, все же я получил несколько коментов относительно съехавшей стрелки в FF. Значит все же это важно.)))
Total votes 1: ↑1 and ↓0+1
Вариант с выпадением попапа по клику и с сабмитом формы по клику на пункте меню: jsfiddle.net/JgNYe/53/
Total votes 1: ↑1 and ↓0+1
Надо еще задать свойство readonly для input, чтобы текстовый курсор не появлялся.
Total votes 1: ↑1 and ↓0+1
Как экспериментальный вариант вполне жизнеспособный. Спасибо.
Однако в данной реализации страдает разметка, что лично для меня не очень приемлемо. Хотя многим уверен подойдет и такой вариант. Если вы не против, добавлю его в конец статьи.
Total votes 1: ↑1 and ↓0+1
Sign up to leave a comment.

Articles

Show the best of all time
Change theme settings

Your account

Sections

Information

Services

Support
© 2006–2024, Habr