модальные окна на сайте.

[melky]

они есть везде : на фейсбуке, на почти каждой домашнеё странице, на юкозе.

и у меня они есть, несомненно

встал вопрос - а как лучше реализовать модальные окна на сайте?

исследовав этот вопрос, я изрёк такую мысль :

Пользователю никогда не показывается более одного модального окна. Модальные окна похожи между собой по строкутуре HTML, различия только в заголовках, контентах, кнопках и доп. атрибутах (цвет,размер).

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

Я пришёл к выводу, что :

• Модальное окно не удаляется со страницы и не создаётся заново
• Оно всегда присутствует на странице
• При показе модального окна будут изменяться его атрибуты (заголовок и т.д), а потом оно будет показываться.
• При скрытии модального окна ничего не происходит, кроме скрытия самого окна.

Модальное окно по-умолчанию скрыто, это - обычный элемент на странице с динамическим содержимым.

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

Скрипту соотв. передаются элементы оверлея, модального окра, его заголовка и т.д.

Я хотел бы услышать от вас, чем эта модель плоха, или как ещё можно реализовать модальные окна на сайте.


PS. показать модальное окно, если оно уже показано, нельзя. это уже интерфейс.

[Serg_pnz]

Надо смотреть по ситуации: модальное окно уничтожается и создается снова. Ведь не факт, что пользователь вообще им воспользуется, а по Вашей схеме код придется таскать. Опять же оверлей - а если аккордион на странице? Тогда каждый раз пересчитывать размер оверлея при показе окна?

[melky]

Ведь не факт, что пользователь вообще им воспользуется, а по Вашей схеме код придется таскать.

50\50. но он встроен в страницу, и этого не избежать.

если вы говорите про загружаемый объём, то создание такого модального окна через js будет тяжелее весить, чем это окно через html.

Опять же оверлей - а если аккордион на странице? Тогда каждый раз пересчитывать размер оверлея при показе окна?

нет. размеры оверлея определяются через css.

[Serg_pnz]

Хотя да. Саму конструкцию таскаем, а инфу обновляем по открытии.

[Kolyaj]

Приведите ситуацию, когда без модального окна не обойтись.

З.Ы. Модальные окна -- зло.

[Serg_pnz]

Галерея, "алерт", опросник, регистрация - бывает и не обойтись.

[Kolyaj]

Галерея

Почему нельзя показать галерею, не блокируя остальную страницу?

алерт

Почему нельзя показать сообщение, не блокируя остальную страницу?

опросник

Почему нельзя показать опросник, не блокируя остальную страницу?

регистрация

Почему нельзя показать форму регистрации, не блокируя остальную страницу?

[Serg_pnz]

Если мне понадобитсмя сделать акцент - я буду блокировать страницу!
Ибо «бывает и не обойтись»

[x-yuri]

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

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

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

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

нет. размеры оверлея определяются через css.

задаются через css? Не уверен, что это возможно.

Почему нельзя показать галерею, не блокируя остальную страницу?

Yo dawg! I heard that you like modal windows, so we put some modal windows in your modal windows so you can facepalm while you facepalm. Но лучше не блокировать без необходимости, конечно.