Для упрощения работы с cookie в javascript есть хорошая библиотечка:
JavaScript:
Использование cookies в javascript
12.02.2019
Простая задача, если пользователь заполняет номер телефона, то он может начать вводить как +7, так и 8 и некоторых людей совершенно не смущает подсказка +7:
.submit() не работает
04.07.2022
При вызове метода submit() формы - ничего не происходит.
Первым делом проверил, что точно обращаюсь к форме, а не какому-то другому элементы.
Потом проверил, что форма с таким ID только одна.
В итоге проблема оказалась в имени кнопки:<button type="submit" name="submit">Отправить</button>
Стоило убрать name="submit" и все заработало.
Как растянуть картинка по центру swiperjs
29.06.2022
Проблема: swiperjs растягивался на всю шину станицы, но картинку он позиционировал по верхнему левому углу и, при сжатии экрана, он ее обрезал.
Как было (на большом и среднем разрешении):
Как стало (на большом и среднем разрешении):
Простенький спойлер на JavaScript
21.03.2022
Пример того, как быстро сделать спойлер, который отображается только на "больших экранах", а на мобильном телефоне сразу показывает свое содержимое.
Допустим нам нужно заменять класс элемента вида "show-front" (маска "show-*") на "show-left" у элемента. Конечно, если классы известны, можно сначала попробовать удалить все, а потом поставить нужный, но это топорно.
Поэтому придется написать свой метод на чистом javascript.
На новом проекте столкнулся с проблемой: при нажатии на кнопку "показать еще", которая подгружает следующую порцию товаров, все события (добавить в корзину, в избранное и т.д.) начинали срабатывать повторно.
При этом при втором нажатии на "показать еще" все события утраивались.
Суть работы Barba.js очень проста - она перехватывает ссылки на страницы текущего сайта, загружает их в память, выделяет контейнер с контентом и заменяет его на странице. Все это может сопровождаться анимацией.
Хороший пример использования, на мой взгляд, можно посмотреть на странице документации.
Довольно распространенная задача, когда нужно сделать поле с маской для ввода номера телефона, раньше использовал плагин jquery.mask.min.js, но он стал плохо работать, поэтому нашел вариант на чистом javascript.
Оригинальное зачеркивавшие checkbox'ов
11.11.2021
Красивая анимация зачеркивая пунктов чеклиста на css и javascript
и темная тема:
