Tue. Dec 10th, 2019

Host your Website

Read and learn

FatCow Web Hosting $1.00/mo* Trust your web hosting to the #1 web host provider, GoDaddy!

Уроки JavaScript Практика #6 Учимся делать модальные окна

1 min read

https://i.ytimg.com/vi/R2Es_mbSva0/hqdefault.jpg


В этом уроке я на примере покажу как с помощью javascript
создаются модальные окна для сайтов

========================================================
ПОДПИШИСЬ на канал “Web Developer Blog” – https://goo.gl/Ai4OGa
И не пропускай новые видео!!!
========================================================
ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА:
JavaScript практика – https://goo.gl/rxsyeX
Основы JavaScript – https://goo.gl/Cw7Vqv
Уроки Bootstrap 4 – https://goo.gl/65gmmS
Уроки Framework для верстки Foundation 6 – https://goo.gl/Yi2jfc
Рубрика “Основы за 10 минут” – https://goo.gl/QIvpDD
Верстка сайта на Foundation 6 – https://goo.gl/gVS45o
Основы препроцессора SASS – https://goo.gl/f4BDww
Уроки по Sublime text 3 – https://goo.gl/SjiKM2
Видео про заработок на YouTube – https://goo.gl/VxdirI
Создаем интернет магазин на PrestaShop – https://goo.gl/jop7M4
Уроки jQuery – https://goo.gl/xPnZE9
========================================================

ПОДПИШИСЬ на Группу Вконтакте “Web Developer Blog” – https://goo.gl/6mO5GL
========================================================
Мой заработок на YOUTUBE – ►https://goo.gl/C8Jzpv

29 thoughts on “Уроки JavaScript Практика #6 Учимся делать модальные окна

  1. https://codepen.io/natalyadol/pen/ZwGmKY
    Если вместо span из урока написать modal во второй функции – то окно модальное будет закрываться при клике на него, думаю это просто ошибка в видео со span-ном
    modal.onclick = function () {
    modal.style.display = "none";

  2. Ребят объясните CSS, почему модальное окно выскакивает посередине? Вот же код https://youtu.be/R2Es_mbSva0?t=3m14s , где явно указано:
    position: fixed;
    top: 0;
    left: 0;

    И автор ролика прямо и говорит, давайте зададим нашему модальному окну такие значения. Почему вдруг модальное окно не прилипло к верхнему левому углу, а открылось посередине?

  3. Не могу понять
    window.onclick = function(e){
    if(e.target == modul){
    modul.style.display = "none";
    }
    }

    проверка на то что если событие e.target == modul то modul.style.display = "none". Но видь кликать мышкой нужно за пределами modul для того чтобы его закрыть, а тут проверка на то чтобы клик мышью был раваен modul, по логике видь надо проверять чтобы клик небыл на модуле, Не пойму обьясните кто может. Спасибо!

  4. А как прописать скрипт, если будет несколько таких кнопок(футер/хедер/бади), при нажатии любой из них будет всплывать одно и тоже окно? Подскажите, пожалуйста

  5. как ты заебал с рекламой. ты писец ленивый. на таких видео люди получают клиентов и пиар. хватит получать копейки с ютуб рекламы. пассивщик ниачемный.

  6. Отлично,такой формат_самое то.
    1.Забил в поиск
    2.Потратил 10 минут(а больше незачем)
    3.Закодил в sublime text
    4.PROFT!!!
    {Сильно рассказывать не надо,а то будут видео по 30минут,лучше на практике это всё делать}
    Успехов тебе и подписчиков))

  7. javascript.js:5 Uncaught TypeError: Cannot set property 'onclick' of null
    at javascript.js:5
    (anonymous) @ javascript.js:5
    что это значит?

  8. Народ, если что, название объекта window пишется с большой буквы. Если с маленькой будете писать, вы будете создавать глобальную переменную.

  9. Окно не закрываетса при нажатии на крестик:( Подскажите возможные варианты ошибок пожалуста.
    Остальное все работает.

  10. Было бы классно если бы ты в описании давал ссылки на теоретические уроки, которые используются в практическом видео. А в целом – норм. Даже если где-то код с ошибками это наоборот хорошо для новичков, заставляет думать и искать решение.

Comments are closed.

Copyright © All rights reserved. | Newsphere by AF themes.