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