[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Модальное окно
Guest
Погулил, какие-то коды, одни говорят mootols, вторые jquery уже с настройками, плагины...
Как открыть модальное окно?
rooor
да дофига способов) один из них http://jqueryui.com/dialog/#modal-form
Tapak
Можно пример в 2 строчки кода, как открыть пустое модальное окно.
inpost
Проблема не в модальном окне, а в банальном не понимании людей, что это такое.
<div style="display:none; position:absolute;">произвольный текст</div>

Вот это и есть модальное окно :)
Оказывается, чтобы его показать или скрыть - надо поменять его свойства: display:block; display:none; Как меняются свойства объектов - учится в любой книжке буквально во второй главе. Ничего заумного не надо. Открыл книжку по JavaScript и почитал. Вот и всё.
Всякие разноцветные анимашки - либо сам придумываешь, либо качаешь готовые варианты с гугла и пользуешься примерами. Но для понимании логики надо с начала сделать ручками простенькое.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
sidan
Ну, на всякий случай ExtJS.

_____________
Любая достаточно передовая технология неотличима от магии.
Tapak
Понятно, в моем понимании модальное окно было - вызов по клику блока и блокировка остального контента. Как по клику скрывать\показывать блок я знаю.
inpost
Tapak
Ну так и делай то, что знаешь. Клик = onclick. Осталось блокировка - это обычный DIV поверх всех окон: width:100%, height:100%, с каким-нибудь полу-прозрачным фоном в .png

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
vital
Цитата (inpost @ 16.11.2012 - 02:28)
Проблема не в модальном окне, а в банальном не понимании людей, что это такое.
<div style="display:none; position:absolute;">произвольный текст</div>

Вот это и есть модальное окно :)
Оказывается, чтобы его показать или скрыть - надо поменять его свойства: display:block; display:none; Как меняются свойства объектов - учится в любой книжке буквально во второй главе. Ничего заумного не надо. Открыл книжку по JavaScript и почитал. Вот и всё.
Всякие разноцветные анимашки - либо сам придумываешь, либо качаешь готовые варианты с гугла и пользуешься примерами. Но для понимании логики надо с начала сделать ручками простенькое.

Не совсем точно. Вот точнее описание и хороший плагин.
http://habrahabr.ru/post/148515/

_____________
"Нужно быть готовым прислушиваться к тем, кто может тебя чему-нибудь научить. Иначе ты никогда не вырастешь."

Откровенно я никому ниразу не нагрубил. А дать подзатыльник зарвавшемуся юнцу, так это и ему на пользу, и мне в удовольствие. © AllesKlar
inpost
vital
Это называется: "одна из реализаций", а не: "точное или не точное".

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
OleKh
плагин на хабрахабре хороший, но у меня в модальном окне был установлен ещё один плагин tabbertab (вкладки) и не открывались вкладки, то есть получалось когда кликнул на вкладку должно было вызывано событие из другого плагина и переход на другую вкладку, но ничего, хотя плагин загружался и вкладки рисовал как положено. В этом модуле интересно реализована прокрутка одержимого окна (что мне было нужно), поэтому я сделал тоже самое но на другом плагине rudebox (в котором вкладки норм переключались). Идея в том, что удаляется srrolling на странице и добавляется атрибутом к прозрачному слою между модальным окном и основным документом.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.