Модальное окно (popup) практика HTML CSS JavaScript

Поделиться
HTML-код
  • Опубликовано: 6 окт 2024

Комментарии • 33

  • @BMikel
    @BMikel 2 года назад +8

    Вау. Это супер. В ЮТ полно туториалов по модалкам но все негодные, примитивные. А это 100% качество, так как преподает Максим Лескин

  • @natalia_0729
    @natalia_0729 Год назад +1

    Спасибо за урок, всё сработало. Долго искала как реализовать закрытие модального окна🤗

  • @CENTER-INFINITY
    @CENTER-INFINITY 7 месяцев назад

    Спасибо. Всё написано прямыми руками, всё работает.

  • @fawn9035
    @fawn9035 Год назад +1

    Спасибо огромное за ваше видео)

  • @АлександрЗагуменнов-з5р

    Отличный урок! Спасибо за полезность!

  • @PalyufishkuRuSite
    @PalyufishkuRuSite 2 года назад +1

    За ссылочку на готовый код отдельное спасибо ))

    • @my.methed
      @my.methed  2 года назад

      Пожалуйста 😊

  • @ЕлизаветаБурлакова-с7о

    Спасибо за видео!

  • @dmitriichet558
    @dmitriichet558 Год назад +1

    Классный урок, спасибо!

  • @sergeyshcherbina1648
    @sergeyshcherbina1648 2 года назад +1

    Очень круто!!! Спасибо!!!

  • @andrewc3942
    @andrewc3942 Год назад

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

  • @berry_v1bes
    @berry_v1bes Год назад +2

    Это самый адекватный видос по ПопАпу который я видел, автор спасибо тебе !!!!!
    ТРЕБУЮ БОЛЬШЕ ВИДОСОВ 💩

    • @my.methed
      @my.methed  Год назад

      Обязательно будут) с наступающим

  • @xcabcz-xabcz
    @xcabcz-xabcz 2 года назад +1

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

  • @sergejchap62
    @sergejchap62 Год назад

    Отличный урок и пример.
    Как сделать чтобы в модальное окна заходил текст из text area. Также чтобы потом в зависимости от самого текста мод.окно зуммировалось с минимумом скролла.
    Спасибо за урок.

  • @rinattolibaev6502
    @rinattolibaev6502 Год назад

    Супер

  • @surimi_sims
    @surimi_sims Год назад

    Спасибо за видео, как отключить скролл сзади ?) Спасибо)

  • @igrun-dale4094
    @igrun-dale4094 Год назад

    Хороший ролик...Здравствуйте а не подскажете... какой добавить код... чтобы при закрытии окна.... выключался звук в видео которое в модельном окне....заранее спасибо..

  • @timkaop113
    @timkaop113 10 месяцев назад

    есть баги: прыгает шапка при открытии-закрытии и при открытии окна в месте где был скролл становиться пусто и если была секция с каким нибудь бэкграундом, допустим цвет или картинка, то вместо цвета или картинки остаётся белый промежуток на месте скролла, то есть ширина секции остаётся такой же, а скролл убирается

  • @AlexeyAlexey-g4g
    @AlexeyAlexey-g4g Год назад +1

    Почему не через html тег dialog ? Намного меньше js кода, также фокус сам правильно подстраивается, закрытие различными способами уже готово. Поддержка по caniuse 93%

    • @my.methed
      @my.methed  Год назад

      Подумаю над эти, пока в прод не делал с помощью dialog

  • @asgard1428
    @asgard1428 2 года назад

    Круто. А я вот не понял один момент. С таким модальным окном на сайте будет скролиться контент под ним если колесиком мыши крутить?

    • @maxleskin7444
      @maxleskin7444 2 года назад

      Будет продолжение

    • @asgard1428
      @asgard1428 2 года назад

      @@maxleskin7444 а, продолжение ролика. Понял🤝

    • @anatolyannenko1821
      @anatolyannenko1821 2 года назад

      если ты задаешь такой вопрос, то тебе рано изучать js, ты еще верстку не выучил. Знал бы html css не задавал бы вопросов как это сделать

    • @asgard1428
      @asgard1428 2 года назад +2

      @@anatolyannenko1821 да я знаю и не один сайт уже сделал коммерческий. И есть реализации как это все делать. Просто хотел узнать, может есть ещё какой-то вариант как это сделать. И не надо умничать тут, знаток html и css

    • @anatolyannenko1821
      @anatolyannenko1821 2 года назад

      скинь свой гитхаб ) коммерческие сайты он делал, не зная что такое модалки

  • @asgard1428
    @asgard1428 2 года назад

    Максим привет. Можешь подсказать будет ли прокручиваться контент под модальным окном колесиком мышки? Вроде ты ответил, нажимаю на «ответ», а ответа нет, пусто.

    • @my.methed
      @my.methed  2 года назад +1

      Будет прокручиваться, но скоро новое видео, где мы это заблокируем