Для упрощения работы с cookie в javascript есть хорошая библиотечка:


Категории: JavaScript
Пометки: cookie javascript

При вызове метода submit() формы - ничего не происходит.

Первым делом проверил, что точно обращаюсь к форме, а не какому-то другому элементы.

Потом проверил, что форма с таким ID только одна.

В итоге проблема оказалась в имени кнопки:

 
  <button type="submit" name="submit">Отправить</button>

Стоило убрать name="submit" и все заработало.


Категории: Web, JavaScript, JQuery

Проблема: swiperjs растягивался на всю шину станицы, но картинку он позиционировал по верхнему левому углу и, при сжатии экрана, он ее обрезал.

Как было (на большом и среднем разрешении):

pic1

pic1

Как стало (на большом и среднем разрешении):

pic1

pic1


Категории: Web, JavaScript, CSS
Пометки: Как центрировать картинку в swiperjs

Пример того, как быстро сделать спойлер, который отображается только на "больших экранах", а на мобильном телефоне сразу показывает свое содержимое.


Категории: JavaScript, JQuery

Допустим нам нужно заменять класс элемента вида "show-front" (маска "show-*") на "show-left" у элемента. Конечно, если классы известны, можно сначала попробовать удалить все, а потом поставить нужный, но это топорно.

Поэтому придется написать свой метод на чистом javascript.


Категории: JavaScript

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

При этом при втором нажатии на "показать еще" все события утраивались.


Категории: JavaScript, JQuery
Пометки: jQuery on - как избежать повторного срабатывания / Почему onclick в jQuery срабатывает несколько раз.

Суть работы Barba.js очень проста - она перехватывает ссылки на страницы текущего сайта, загружает их в память, выделяет контейнер с контентом и заменяет его на странице. Все это может сопровождаться анимацией.

Хороший пример использования, на мой взгляд, можно посмотреть на странице документации.


Категории: Web, JavaScript

Довольно распространенная задача, когда нужно сделать поле с маской для ввода номера телефона, раньше использовал плагин jquery.mask.min.js, но он стал плохо работать, поэтому нашел вариант на чистом javascript.

pic1


Категории: Web, JavaScript
Пометки: Красивое поле с маской для ввода номера телефона на javascript javascript mask input phone

Красивая анимация зачеркивая пунктов чеклиста на css и javascript

pic1

и темная тема:

pic1


Категории: JavaScript, HTML, CSS

Довольно простой, но функциональный пример таймера с выводом убывающего времени.

После истечения времени стартует колбэк.


Категории: JavaScript, незаконченные
Пометки: Часы на Java Script + CSS
Яндекс.Метрика