[РЕШЕНИЕ] Создание всплывающего окна логина
Прислано: NaZg
ср, 19/05/2010 - 11:26
Здравствуй, пытливый друг! Ты, скорее всего уже видел красивые окошки и задумал сделать себе такое же на любимом друпале, но пока не знаешь как.
Follow me!
И я покажу, как сделать такое.

Нам понадобятся:
1 -
LightBox2
2 -
jquery_ui (не забываем, про "добавку" )
3 -
ModalFrame
4 - Установленный и работающий Друпал (:
Итак.
Устанавливаем jquery_ui.
Стягиваем модуль и "добавку".
Модуль распаковываем и ставим в /sites/all/modules/
Добавку вливаем в sites/all/modules/jquery_ui/jquery.ui/
Активируем jQuery UI в admin/build/modules
Убедились, что модуль встал и нет ошибок и предупреждений.
Устанавливаем ModalFrame и LightBox2
Ну тут проще. Скачиваем, распаковываем, закачиваем в папку модулей и активируем.
Настройка всплывающего окна
Убеждаемся, что и ЛайтБокс и МодалФрейм успешно "встали".
Идём в admin/settings/lightbox2 и раскрываем настройку Modal form settings и ставим верхнюю галку (можно и вторую)

Сохраняем, убеждаемся в отсутствии ошибок.
Теперь хитрая фишка. Вам надо сделать именно пункт меню для вывода. Т.к. форма логина по умолчанию уже и так выводится.
Идём admin/build/block и отключаем Login Form. (в случае чего можно всегда попасть на сайт через http://localsite/user)
Идём в admin/build/menu-customize/navigation/add (для простоты добавим в это меню)
Указываем путь user/login Название ссылки Вход
Сохраняем.
Наслаждаемся результатом и гнём пальцы (:
cheerz
- NaZg's blog
- Для комментирования войдите или зарегистрируйтесь
в закладки
- Для комментирования войдите или зарегистрируйтесь
При чем тут jQueryUI и ModalFrame в упор не понимаю - описанный выше функционал полностью реализуется на голом lightbox2 ...
- Для комментирования войдите или зарегистрируйтесь
не знаю, возможно, я что-то не так делал, но LightBox2 у меня не выводил всплывающее окно
с ModalFrame - завелось
- Для комментирования войдите или зарегистрируйтесь
+1
Modal Frame вообще тут не нуж0н.
- Для комментирования войдите или зарегистрируйтесь
Коллеги, если не нравится рецепт опишите свой!
- Для комментирования войдите или зарегистрируйтесь
Коллеги, если не нравится рецепт опишите свой!
+1
- Для комментирования войдите или зарегистрируйтесь
+1
не ну реально, умных тут через одного, а толку обычно мало. NaZg'улу спасибо за рецепт, если понадобится такая штука то воспользуюсь.
- Для комментирования войдите или зарегистрируйтесь
Недостаток в форме логина через lb2 только один: firefox (может и другие) не подставляют в эту форму сохранённые логин/пароль. Кто-то знает как это обойти? И в чём проблема?
- Для комментирования войдите или зарегистрируйтесь
не работает кнопка закрытия формы, как исправить?
- Для комментирования войдите или зарегистрируйтесь
еще проще thickbox, а не lightbox2
- Для комментирования войдите или зарегистрируйтесь
а под d7 есть решение?
- Для комментирования войдите или зарегистрируйтесь
подскажыте как сделать, чтобы кнопка закрытия всплывающего окна работала.
- Для комментирования войдите или зарегистрируйтесь
подскажыте как сделать, чтобы кнопка закрытия всплывающего окна работала.
она не работает только у Вас
возможно проблема именно в Вашей машине
а под d7 есть решение?
http://drupal.org/project/lightbox2
под 7-ку есть модкль, попробуйте
- Для комментирования войдите или зарегистрируйтесь
Для 7 использую ColorBox.
- Для комментирования войдите или зарегистрируйтесь
спс =)) ща заюзаю )
http://www.drupal.ru/node/54903 вот здесь подробно раскрывается как стянуть jQuery UI фигня =)
распаковываем
jQuery UI в sites\all\modules\ распаковываем добавку в sites\all\libraries\ и переименовываем каталог jquery-ui-1.8.1 в jquery.ui и будет всем сшастье =)
- Для комментирования войдите или зарегистрируйтесь











Комментарии