Максим, сейчас пробую использовать ваш плагин а работе и не очень понял такой момент. Там получается есть див с классом "graph-modal" и в этот один див нужно вложить все модальные окна которые есть на сайте? Т.е. все "graph-modal__container" вкладываются в один "graph-modal"?
Отличный видосик, давай продолжение, как вторую модалку с этой открыть с обьяснениями и возможно еще какой то еще функционал о которых мы, новички даже не знаем, что он вообще возможен). Спасибо за контент
Видос хорош, а где найти твою реализацию при открытии нескольких модальных окон ?например когда внутри открытой модалки есть кнопка открытия ещё одной модалки
@@maxgraph благодарю.нашел. было бы здорово если бы получилось у тебя записать короткое видео с разбором ф-ционала при открытии модалки в модалке .и в целом о дополнительном ф-ционале полного плагина ,те аспекты которые ты не упоминал в видосе плагина)на ютубе мало кто рассказывает об этом.У тебя отличный контент. благодарю за труд)
Макс, круто, можешь еще сделать в духе модульности? Ты node.js знаешь было бы круто что бы ты сделать API (какого то виджета или какой то мини конструктор чего то ...) что скажешь?
Неплохо, взял отсюда пару интересных моментов, но есть одно место, которое отталкивает, чтобы не было прыжков нам надо в вертске найти ВСЕ места, где блоки выходят из общего потока (fixed, absolute). Не думал какой-нибудь вариант без этого или же автоматизировать этот процесс, не заставляя накидывать вручную этот класс? получается, что внедряя этот плагин тебе надо прошерстить всю верстку, найти все эти блоки вне потока и накинуть им класс Только сегодня посмотрел твоё видео про функции css min max clamp, clamp можно использовать уже тут для задания размера модалки в зависимости от вьюпорта
привет. а смотрю ты активно используешь бекап файлов через GoogleDive. скажи пожалуйста. я вот тоже хочу настроить нормальный бекап своих файлов и проектов. но у меня большая проблема в том что в тех папках которые я пытаюсь забекапить на тот же гуглДрайв - у меня есть папки типу node_modules. Расскажи пожалуйста как ты решаешь данную проблему. Будет здорово если это все уместиться в ответе на этот комментарий. Спасибо :)
Вдохновившись старыми видео я сделал для отключения скрола мини плагин - github.com/Basovich/scroll_locker Все же отключать скрол надо не только в модалках, но и при открытии меню, галерей и так далее. За видео спасибо, по больше бы видео с практикой о Class, очень зашло, особенно прием с Object.assign(), как он работает я понимаю, но в примере плагина не могу дупля отбить как оно так передает при вызове в функцию)) И еще, можно было не bind-ить, прикол в том же, что this внутри слушателей это элемент на котором вызвали слушатель, но если заюзать стрелочную функцию, то такого контекста не будет, будет контекст из вне, а это как раз объект класса!
developer.mozilla.org/ru/docs/Web/API/Element/closest - Метод Element.closest() возвращает ближайший родительский элемент (или сам элемент), который соответствует заданному CSS-селектору или null, если таковых элементов вообще нет. ИЛИ САМ ЭЛЕМЕНТ. То есть проверка на класс на 51-52 минуте не надо.
Ничоси, реклама у Максима, растёшь)
За детальный разбор правильной навигации только внутри модального окна - отдельное спасибо!
Пожалуйста)
вы меня конечно извините, но у вас ахренительный канал!!! спасибо за контент.
Спасибо!)
Все так доходчиво круто.
Написание задачи изначально - это хороший подход.
Все кто смотрит лайк и подписка must have.
Превосходно, Мастер! Спасибо!
Хороший контент и полезный материал, впринципе как обычно. Спасибо. Ждемс курс по js, надеюсь поскорее ты его запилишь.
Спасибо)
Спасибо за твои уроки. Хорошо подаешь материал.
Пожалуйста)
Максим, сейчас пробую использовать ваш плагин а работе и не очень понял такой момент. Там получается есть див с классом "graph-modal" и в этот один див нужно вложить все модальные окна которые есть на сайте? Т.е. все "graph-modal__container" вкладываются в один "graph-modal"?
Да, все верно
Отличный видосик, давай продолжение, как вторую модалку с этой открыть с обьяснениями и возможно еще какой то еще функционал о которых мы, новички даже не знаем, что он вообще возможен). Спасибо за контент
ок :)
А есть возможность сделать анимацию закрытия модального окна?
Интересный плагин. Уберите только для disable-scroll свойство position: relative; Там ведь ниже есть position: fixed;
Да, точно)
Видос хорош, а где найти твою реализацию при открытии нескольких модальных окон ?например когда внутри открытой модалки есть кнопка открытия ещё одной модалки
Загугли graph-modal, там работает это
@@maxgraph благодарю.нашел. было бы здорово если бы получилось у тебя записать короткое видео с разбором ф-ционала при открытии модалки в модалке .и в целом о дополнительном ф-ционале полного плагина ,те аспекты которые ты не упоминал в видосе плагина)на ютубе мало кто рассказывает об этом.У тебя отличный контент. благодарю за труд)
на сколько хорошо вот так делать обработчик через делегирование через document? или может лучше искать конкретно кнопку и по ней отлавливать событие
Нет существенной разницы
@@maxgraph через делегирование не происходит утечки и нагруженость на браузер?
В данном случае если и есть, то небольшая
Макс, круто, можешь еще сделать в духе модульности? Ты node.js знаешь было бы круто что бы ты сделать API (какого то виджета или какой то мини конструктор чего то ...) что скажешь?
ноду я не знаю :)
Неплохо, взял отсюда пару интересных моментов, но есть одно место, которое отталкивает, чтобы не было прыжков нам надо в вертске найти ВСЕ места, где блоки выходят из общего потока (fixed, absolute). Не думал какой-нибудь вариант без этого или же автоматизировать этот процесс, не заставляя накидывать вручную этот класс? получается, что внедряя этот плагин тебе надо прошерстить всю верстку, найти все эти блоки вне потока и накинуть им класс
Только сегодня посмотрел твоё видео про функции css min max clamp, clamp можно использовать уже тут для задания размера модалки в зависимости от вьюпорта
Ну можно подумать в эту сторону)
привет. а смотрю ты активно используешь бекап файлов через GoogleDive. скажи пожалуйста. я вот тоже хочу настроить нормальный бекап своих файлов и проектов. но у меня большая проблема в том что в тех папках которые я пытаюсь забекапить на тот же гуглДрайв - у меня есть папки типу node_modules. Расскажи пожалуйста как ты решаешь данную проблему. Будет здорово если это все уместиться в ответе на этот комментарий. Спасибо :)
Не, у меня яндекс)
Решаю никак, просто гружу все туда и все)
Привет спасибо за плагин! А как быть если нужно после нажатии на кнопку показать еще одно окно,(Заявка успешно отправлена итд?)
Привет, через событие isOpen вызывать окно) методом open
Вдохновившись старыми видео я сделал для отключения скрола мини плагин - github.com/Basovich/scroll_locker
Все же отключать скрол надо не только в модалках, но и при открытии меню, галерей и так далее.
За видео спасибо, по больше бы видео с практикой о Class, очень зашло, особенно прием с Object.assign(), как он работает я понимаю, но в примере плагина не могу дупля отбить как оно так передает при вызове в функцию))
И еще, можно было не bind-ить, прикол в том же, что this внутри слушателей это элемент на котором вызвали слушатель, но если заюзать стрелочную функцию, то такого контекста не будет, будет контекст из вне, а это как раз объект класса!
А как можно сделать когда открыто 2 модальных окна, и одно закрываешь, чтобы закрывалось только то на которое нажал?
Два окна открывать не нужно никогда, всегда открыто только одно
@@maxgraph Ну для примера любая форма + к ней политика. Как в моем случае.
pointer-events: none; вместо изменения значения дисплея. Что бы не парится с таймаутами
А зачем псевдоэелемент для блока с классом 'modal' и такие манипуляции с выравниванием, вместо использования flex?
Попробуйте сделать окно браузера меньше модалки, поймёте
а возможно переключатели добавить между смежными окнами, не покидая модального окна? как буд-то в магнифик попап. Вот здоровол было бы...
Ну надо думать) пока не задумывался над этим, но по идее да, ничего такого
Находить предыдущий и следующий да и все
keyCode на mdn вроде как устарела и рекомендуют использовать code просто
Да, видел. Но неважно)
developer.mozilla.org/ru/docs/Web/API/Element/closest - Метод Element.closest() возвращает ближайший родительский элемент (или сам элемент), который соответствует заданному CSS-селектору или null, если таковых элементов вообще нет. ИЛИ САМ ЭЛЕМЕНТ. То есть проверка на класс на 51-52 минуте не надо.