JS в браузере: размеры окна и страницы, скролл scrollIntoView, scrollTo, scroll, scrollBy
Модальное окно на HTML, CSS, JS.
ТЗ - Создать HTML-страницу и добавить на нее кнопку, которая будет открывать модальное окно. <body> <button id='openBtn'>Открыть</button> <div id='modalOverlay' class="modal_overlay"> <div class="modal"> <p>Модальное окно</p> <button id='closeBtn'>Закрыть</button> </div> </div> </body> .modal_overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; } .modal { background: white; margin-left:40%; margin-top:1%; padding-bottom:20px; border-radius: 8px; width: 200px; height: 80px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0...
Как сделать AJAX-форму на сайте? Форма заявки без перезагрузки страницы
В начале моей работы веб-разработчиком мне необходимо было делать различные формы и окна на сайтах. Я набросал для себя минимальные рабочие варианты и поделился ими на youtube. Судя по лайкам и комментариям, я помог некоторому количеству людей, поэтому решил поделиться этим и здесь. Если вкратце, то я использую тег form в html, в который помещаю нужные мне элементы формы. В футере верстаю окно «спасибо», которое откроется после отправки данных из формы. В отдельном файле у меня идет небольшой php-обработчик, который собирает данные с формы и отправляет их на почтовый ящик администратора...