модальное окно

jquery simplebox Плагин для модальных окон (от jetcoders)

Идя состоит в том, что некоторым ссылкам с некоторым классом (например .simplebox) и с якорным адресом будет привязан обработчик события клика, который покажет модально блок, id которого "совпадает" с якорным адресом этой ссылки, т.е. как бы формируются пары "ссылка -- блок".

Привязка событий

Например, есть html блока:

<div class="modal" id="modal01">
	<span class="close">close</span>
	<p>Some text</p>
</div>

Тогда создадим ссылку:

jquery simplebox и модальные окна

Надо будет изучить вот этот интересный плагин: https://github.com/libhide/simplebox.js

Также есть плагин с таким же названием от jetcoders

jquery Создание модального всплывающего окна с затемнением фона -- простой пример пример JS, CSS и HTML

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

Создание всплывающего модального окна на чистом JavaScript -- форма поверх страницы, пример кода

В данной статье я опишу процесс создания простого всплывающего окна с затемнением экрана с использованием чистого JavaScript (никаких библиотек), html и css.
Опишем последоватльность действий, которые будут на странице.

Subscribe to RSS - модальное окно