0

Такой вопрос. Хочу сделать модальное окно своими руками. При помощи JavaScript, jQuery. НО! Без использования jQuery UI!!! Т.е. нужно создать скрытый DIV, показать его в нужный момент и убрать его с глаз долой :-)) (по нажатию кнопки). Как это можно сделать?

1 ответ 1

3
function createBlock(){
    var block = document.createElement('div');
    block.className = 'overlay'
    block.innerHTML = 'любая html верстка окна с текстом и кнопками'
    document.body.appendChild(block);
}

а дальше в цсс описываете стили для .overlay и его содержимого

width:100%;
    height:100%;
    position:absolute;
    top:0;left:0;
    z-index:999;
4
  • А как теперь скрыть его?
    – alex_90
    2 дек 2011 в 16:02
  • >'любая html верстка окна с текстом и кнопками' там будет содержаться кнопка, обработчик клика которой будет делать, что-то вроди $('.overlay').hide();
    – Spectre
    2 дек 2011 в 16:05
  • А сам DIV убрать таким же способом можно(а не скрыть), ато разведется у меня на сайте кучка скрытых дивов)
    – alex_90
    2 дек 2011 в 16:32
  • 1
    .remove()
    – Spectre
    2 дек 2011 в 16:41

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.