JS | Wiki | PWODEV
, 13.08.2018 13:18

Спецсимволы для использования в HTML коде

В этой статье будем собирать спецсимволы которые иногда нужны в коде. Спецсимволы:               - неразрывный пробел ¡    ¡    ¡    - перевернутый восклицательный знак €    €    €    - евро §    §    §    - параграф ©    ©    ©    - знак копирайтов...
, 02.08.2018 12:59

Google jQuery WordPress — как правильно подключить

Скрипт как правильно подключить из CDN Google библиотеку jQuery WordPress: [crayon-5bf6979d408c4820906960/] Последняя версия jQuery от Google В этом скрипте я также добавил сразу подключение ajaxurl. Этот скрипт для фронтенда, если нужен для админки - добавляем: [crayon-5bf6979d408cf494460890/] А теперь немного пред истории: В вордпресе есть локальная версия jQuery, также и все остальные сопутствующие скрипты, дело это хорошее, но все-же лучше всего подключать библиотеку jQuery...
pwodev.com, 22.11.2018 11:48
, 06.06.2018 11:08

is email? javascript verification function

Есть форма, в ней поле input в котором нужно ввести email. Как верифицировать форму, проверить строку на наличие email адреса? Как понять что поле email заполнено правильно? is email - JS функция проверки строки, на корректность email. Верификация email адреса. Вот сама js функция is email: [crayon-5bf6979d422e4914462486/] Функция вернет TRUE или FALSE. Эту функцию лучше всего поставить перед отправкой формы, как-бы валидация формы. Если все сходится, и функция вернет TRUE, отправляем...
, 11.01.2018 12:40

Клик вне элемента — jQuery click outside

Сегодня поступила задача получить событие клика на странице, за пределами определенного элемента. Другими словами клик вне элемента или jQuery click out или outside click. Что-то похожее на событие hover out или mouse leave или mouse out но по клику. Отследить клик за пределами определенного элемента пригодится например чтобы закрыть открывшееся меню, или закрыть попап (close popup by outside click). Либо для любых других ваших задач. Как реализовать это? Как отследить клик вне...
, 04.12.2017 11:56

Full page jQuery plugin scrolling

Раньше мы рассматривали как получить высоту экрана, а сегодня рассмотрим Full page плагин ссылка - https://alvarotrigo.com/fullPage/, который делает это самостоятельно. Очень полезный плагин для того чтобы реализовать сайт в полный экран с прокруткой до блока. Документация на русском языке Как работает Full page плагин: Для начала скачиваем последнюю версию плагина с официального сайта. Нас интересует 2 файла - jquery.fullpage.min.css и jquery.fullpage.min.js Кладем файлы в...
, 16.11.2017 14:27

Организация JavaScript файлов, модульный подход

Не так давно столкнулся с одним сайтом где один javascript файл содержал больше чем 15 тысяч строк. В нем лежали все модули которые использовал сайт, часть кода была сжатая а другая часть читабельная. При попытке отформатировать код в PHPStorm, в коде появлялось неисчислимое количество ошибок. Было принято решение переделать всю структуру JS кода на сайте. Но как часто бывает, времени на это было очень мало, и поэтому быстрый фикс был - хардкод. Но с оговоркой что когда-нибудь вернемся и все...
, 24.10.2017 08:15

preventDefault или как отменить переход по ссылке

Сегодня поговорим о функции preventDefault. Часто бывает нужно отключить стандартное поведение ссылки по клику. Убрать стандартное поведение ссылки. Как не переходить по ссылке по событию on click, или просто не отправлять форму по клику на submit. То-есть браузер просто не будет реагировать на ссылку. Это нужно например для того чтобы отправить форму с помощью jQuery или JavaScript или Аякс (ajax) или добавить свой js обработчик к форме или ссылке, заменить url перед переходом и...
, 24.10.2017 07:58

jQuery touch swipe или как отследить жесты

Что такое жесты и какие они бывают: Swipe - пролистывание как слайд, обычно используется для открытия меню жестом, провести пальцем по экрану слева на право чтобы открылось меню. hold - событие долгому длинному нажатию Для того чтобы отследить жесты как на мобильном устройстве iPhone или Android или любой другой mobile, проще всего подключить библиотеку jquery.touchSwipe.min.js. Дальше привязываем событие к нужному нам элементу: [crayon-5bf6979d42d8c042489735/] Теперь мы можем...
, 18.10.2017 14:29

Height 100vh for mobile browsers iPhone and Android

При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью. Отследить правильный размер экрана нам поможет этот JS код: [crayon-5bf6979d42f52731741293/] Запускать это лучше всего при загрузке страницы, а потом при скролле...