Не валидирует поле — jQuery Validation Plugin

Не валидирует поле — jQuery Validation Plugin

Как это часто бывает, для реализации определенных "фич" и улучшений для сайта, я использую готовые jQuery плагины. Хорошие решения просты в подключении, имеют широкий функционал и отлично справляются со своей задачей - зачем писать свой велосипед?

Так для валидации форм и отдельных полей я пользуюсь отличным плагином jQuery Validation Plugin. Но сегодня произошло событие, которое побудило меня написать эту короткую заметку. Плагин отказался валидировать поле. Да, да. Я проверил все несколько раз - объявление, написание и даже ошибки в консоли. Все было правильно. Все поля проходили валидацию, кроме одного - чекбокса согласия с пользовательским соглашением. Давайте разберемся что могло произойти.

Читать полностью »

11.08.17
Проверить, что страница загружена в iframe — JavaScript

Проверить, что страница загружена в iframe — JavaScript

Совсем недавно сервис, над которым мы с ребятами трудились долгое время, начал сотрудничать со сторонней системой. И эта система подгружала данные сервиса в обычный iframe. И вот потребовалось немного изменить внешний вид сервиса только для пользователей, которые видят его через iframe. Как это можно сделать проще всего?

Скажу сразу, что изменение очень незначительное, касается штрихов в дизайне, но сделать его было нужно. Для этого был выбран наиболее простой путь - определять нужно на "фронте". Как определить, что страница загружена через iframe с помощью javascript? Давайте разберемся.

Читать полностью »

21.06.17
Как отследить, что пользователь поделился записью в facebook

Как отследить, что пользователь поделился записью в facebook

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

Но как отследить, что пользователь не просто нажал на кнопку поделиться, а именно поделился. И только после этого давать ему "подарок". Давайте научимся это делать на примере социальной сети FaceBook.

Читать полностью »

15.06.17
Действие при появлении элемента на экране — jQuery

Действие при появлении элемента на экране — jQuery

С каждым днем сайты становятся все сложнее, а дизайнеры придумывают все новые способы привлечь внимание посетителей - и это правильно, ведь удивить становится все труднее. Именно поэтому в последнее время на многих сайтах присутствует анимация и различные эффекты. Но нас сегодня интересует немного другая тема: как определить, виден ли сейчас элемент на экране или нет? И если виден, то сделать какое-нибудь действие. Например перекрасить его в другой цвет. Сайт может быть длинным и если вы назначите анимацию при загрузке страницы, вероятность того, что пользователь ее увидит - очень мала - нужно запускать ее в тот момент, когда элемент появился на странице. Давайте научимся это делать.

Читать полностью »

03.05.17
Как экранировать квадратные скобки — jQuery

Как экранировать квадратные скобки — jQuery

Из названия статьи не совсем понятно, что имелось ввиду. Но это лишь потому, что идея написания статьи возникла в то время, когда мне понадобилось выбрать из DOM-а инпут, содержащий дата атрибут вида: s[1]. То есть элемент в разметке выглядел вот так:

<input type="text" data-filter="s[1]">

И это ввело меня в ступор... Как получить этот элемент в jQuery не перебирая все инпуты?

Читать полностью »

26.03.17
Для просмотра сайта обновите браузер.