Рассмотрим, как реализовать предзагрузку изображений на нативном JavaScript, jQuery, а так же при помощи rel="preload". Это может понадобиться, например, если картинки добавляются на страницу (в DOM) динамически. Чтобы страница не прыгала, и выглядело всё достойно, необходимо чтобы изображения были предварительно загружены. На JavaScript это будет выглядеть следующим образом....
Рассмотрим, как сделать добавление и отправку отзывов в WordPress. При отправке отзыва пользователем он будет добавлен как запись со статусом «На утверждении». Отзыв будет размещён на сайте после проверки/модерации администратором. Рассмотрим также вариант, чтобы отзыв публиковался автоматически, после его отправки пользователем. Файловая структура. Необходимые файлы. Папка темы/ includes/...
Сегодня будем стилизовать скролл с помощью CSS для webkit браузеров (Google Chrome / Safari / Opera / Яндекс.Браузер) и Mozilla Firefox. А так же рассмотрим изменение скролла при помощи плагина mCustomScrollbar. Содержание: стилизация скролла для Firefox; стилизация скролла для остальных браузеров; кроссбраузерная стилизация с помощью плагина mCustomScrollbar; добавление...
Рассмотрим основные события форм: отправка формы, очистка полей, фокус элемента формы, потеря фокуса, события для input, select, checkbox и многое другое. Содержание: события формы: отправка формы (submit); очистка формы (reset); невалидность формы (valid); события элементов формы: input, textarea; select; checkbox, radio; range. Событие отправки формы Слушать событие отправки...
В данной статье мы разберём различные способы проверки состояния чекбоксов. Это необходимо для эффективной работы с элементами форм. Содержание: метод .is(); метод .prop(); отметить/снять (checked); деактивация чекбокса (disabled); метод .trigger() - имитация клика по чекбоксу; селектор :checked - найти все выбранные checkbox/radio; свойство .length - подсчёт количества выбранных...
Настроим пошагово Git SSH для Windows 10. Это позволит вам выполнять команды git без ввода пароля от своей учетной записи GitHub. Генерация ключа SSH. Добавление SSH-ключа в ssh-agent. Добавление ключа SSH в учетную запись GitHub. Генерация ключа SSH Откройте bash/терминал. Добавьте следующий текст, подставив свой адрес электронной почты...
Объект Window.location предоставляет информацию о текущем адресе страницы (URL), позволяет реализовать обновление (перезагрузку) страницы, перенаправление браузера на другой URL и многое другое. Объект Window.location содержит следующие свойства и методы. window.location.href; window.location.protocol; window.location.hostname; window.location.port; window.location.pathname; window.location.search; window.location.hash; window.location.assign(); window.location.reload(); window.location.replace(); window.location.toString(); пример. https://only-to-top.ru/blog/coding/2019-11-30-javascript-window-location.html?name=value#hash Свойства: window.location.href → 'https://only-to-top.loc/blog/coding/2019-11-30-javascript-window-location.html?name=value#hash' .origin →...
Рассмотрим 4 способа, как преобразовать объект в массив при помощи JavaScript. Затем преобразуем массив в объект. Исходные данные. Пусть у нас есть объект (object). const populations = { russia: 146780, ukraine: 42153, belarus: 9475 } Нам необходимо преобразовать его в массив (array). Рассмотрим 4 способа. С помощью цикла....
Сегодня вы научитесь определять мобильное устройство при помощи JavaScript. Затем реализуем это при помощи «mobile-detect.js». Он может также определять операционную систему и текущий браузер, используемый пользователем. Самый простой способ определить мобильное устройство с помощью JavaScript - это извлечь строку из navigator.userAgent. Будем искать совпадения на мобильные устройства. Если...
Сегодня вы узнаете, как создавать, читать, обновлять и удалять записи в базе данных. А также реализуем поиск и пагинацию. Мы будем использовать jQuery, AJAX, JSON и PHP. 1. Обзор проекта 2. Настройка REST API 3. Необходимые файлы и папки 3.1 Файловая структура 3.2 Создание файла index.html 3.3 Подключение...
В данной статье вы узнаете, как создать простой REST API в PHP. 1. Обзор проекта 1.1 Что такое REST API? 1.2 Зачем нужен REST API? 1.3 Где используется REST API? 2. Файловая структура 3. Настройка базы данных 3.1 Создание таблицы категорий 3.2 Дамп данных для таблицы категорий 3.3...