Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Наше модальное всплывающее окно -->
- <div style="text-align: center" id="popupWin" class="modalwin">
- <h2> Какая-то форма </h2>
- <form>
- <input value="text">
- <input type="button" value="OK">
- </form>
- <hr>
- <a id="exit" href="#">Выход</a>
- </div>
- function showModalWin() {
- var darkLayer = document.createElement('div'); // слой затемнения
- darkLayer.id = 'shadow'; // id чтобы подхватить стиль
- document.body.appendChild(darkLayer); // включаем затемнение
- var modalWin = document.getElementById('popupWin'); // находим наше "окно"
- modalWin.style.display = 'block'; // "включаем" его
- darkLayer.onclick = function () { // при клике на слой затемнения все исчезнет
- darkLayer.parentNode.removeChild(darkLayer); // удаляем затемнение
- modalWin.style.display = 'none'; // делаем окно невидимым
- return false;
- };
- }
Add Comment
Please, Sign In to add comment