Модальное окно (попап) для сайта. Как сделать всплывающее окно?

Модальное окно, или же попап (popup) - незаменимый элемент для каждого сайта. В него можно поместить что угодно (например форму или другой контент) и открыть по клику. Сегодня на примере я покажу, как сделать всплывающее окно с формой обратной связи для сайта с помощью HTML, CSS и jQuery. Приятного просомтра!

[WebDevTips]

Если у вас остались любые вопросы - задавайте их в комментариях, с радостью отвечу)
Стоит ли сделать такой же урок, но без использования jQuery? Пишите в комментариях 👇

[Vse-po-Faktu]

Спасибо большое за простое, короткое, понятное и содержательное объяснение!

[ОсадчийДенис-ыж]

Спасибо)
Давно искал, как попап сделать.

[denismaltcev]

Спасибо что показано реально практические примеры, если так будет дальше я думаю пипл схавает и попросит добавки, с уважением подписчик) успеха каналу.

[hese]

67 подписчиков?? я думал 67 к. спасибо за полезное видео! лайк)

[hertz]

есть важный момент который не написан не на сайте не в видео, это действие подключения библиотеки jquery.min.js. И краине не понятно раскрыта тема того какой клас конкретно нужет только для закрытия окна. Спасибо автору, в реальном проекте убил кучу времени чтобы применить этот метод. Стили оказывается тоже можно не писать если само окно которое прячем уже есть

[nazariisemeniuk]

Спасибо, как всегда все доступно и понятно)

[pupizoid]

Спасибо было полезно. А не подскажите, как реализовать функцию оповещение пользователя, когда он нажал на кнопку Отправить, появлялось "ВАША ЗАЯВКА ПРИНЯТА"

[mirzomok]

отлично брооо))))
спасибооо
продолжай в том же духе

[pupizoid]

Cпасибо за урок. Подскажите по поводу свойства place-items Он может объединить в себе align-items и justify-content ? чтоб отцентровать блок?

[darksnaper]

Привет! У меня проблема
При нажатии на кнопку, у меня не открывается попап, а просто страница перелистывается вверх и ничего не появляется.
Что делать?

[PieceOfInternet]

Жаль что окошко закрывается только при нажатии на крестик. Было бы неплохо если бы была возможность закрытия модального окна при клике на область за окном

[HD-qpfw]

Привет, да, сделай пожалуйста на чистом JS

[АптикеевКонстантин]

У меня такой вопрос, кнопка не хочет работать, окно не вылезает при нажатии

[geronton]

Здравствуйте, как привязать кнопку к данному попапу?
Спасибо за раннее)

[perstj]

Снимите видео как создать систему комментариев на сайте

[ДагунСултаев]

Добрый день. Все повторил, остался вопрос, почему при уменьшении экрана не уменьшается сам popup и как сделать вертикальную прокрутку?

[АлексейСемёнов-ъи]

удалил action форма заработала, как им пользоваться ?

[february]

Вот смотри, кнопка отправить заявку есть, а как сделать так чтобя заявка отправилась мне на почту например?
Желательно без js

[baummm_]

Видео с попапами много, а с попапами и маршрутизацией нету(