Рассмотрим основные события форм: отправка формы, очистка полей, фокус элемента формы, потеря фокуса, события для 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...
Рассмотрим, как добавить социальные кнопки «поделиться» для вашего сайта. Для решения данной задачи мы не будем использовать сторонние сервисы, поэтому наши кнопки «поделиться» не будут оказывать отрицательного влияния на загрузку сайта и будут стабильно работать. HTML-структура кнопок: <div class="share-btns"> <a class="facebook" rel="nofollow" href="javascript: void(0)" onClick="window.open('https://www.facebook.com/sharer.php?u=АДРЕС_СТРАНИЦЫ','sharer','status=0,toolbar=0,width=650,height=500');" title="Поделиться в Facebook"></a>...
Валидация input с помощью HTML, JavaScript, а также стилизация верно и не верно заполненного поля ввода. Валидация input с помощью HTML Для этой задачи воспользуемся атрибутом pattern. При использовании такого подхода, обязательно нужно сообщить пользователю в каком формате необходимо вводить в данное конкретное поле (с помощью label и/или...
Что такое Babel, зачем он нужен, как установить gulp-babel для Gulp, настроить и начать использовать в своих проектах. Содержание: Babel для Gulp; установка gulp-babel; настройка gulpfile.js; создание babelrc; gulp-terser; Babel - это компилятор JavaScript. Содержит в себе набор инструментов, позволяющих преобразовывать код ECMAScript 2015 и выше в совместимую...