Все статьи сайта Only-to-top.ru Страница 2

HTML, CSS, SASS, JavaScript, jQuery, PHP. Работа с Wordpress, Gulp, а также другие инструменты и технологии для создания современных сайтов

События Формы

События Формы

05/01/2020

Рассмотрим основные события форм: отправка формы, очистка полей, фокус элемента формы, потеря фокуса, события для input, select, checkbox и многое другое. Содержание: события формы: отправка формы (submit); очистка формы (reset); невалидность формы (valid); события элементов формы: input, textarea; select; checkbox, radio; range. Событие отправки формы Слушать событие отправки...

Checkbox Checked - Проверка Состояния Чекбокса ✔️

Checkbox Checked - Проверка Состояния Чекбокса ✔️

22/12/2019

В данной статье мы разберём различные способы проверки состояния чекбоксов. Это необходимо для эффективной работы с элементами форм. Содержание: метод .is(); метод .prop(); отметить/снять (checked); деактивация чекбокса (disabled); метод .trigger() - имитация клика по чекбоксу; селектор :checked - найти все выбранные checkbox/radio; свойство .length - подсчёт количества выбранных...

Git SSH Windows - пошаговое руководство

Git SSH Windows - пошаговое руководство

08/12/2019

Настроим пошагово Git SSH для Windows 10. Это позволит вам выполнять команды git без ввода пароля от своей учетной записи GitHub. Генерация ключа SSH. Добавление SSH-ключа в ssh-agent. Добавление ключа SSH в учетную запись GitHub. Генерация ключа SSH Откройте bash/терминал. Добавьте следующий текст, подставив свой адрес электронной почты...

JavaScript: Window Location

JavaScript: Window Location

30/11/2019

Объект 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 →...

Как Преобразовать Объект в Массив (JS)

Как Преобразовать Объект в Массив (JS)

23/11/2019

Рассмотрим 4 способа, как преобразовать объект в массив при помощи JavaScript. Затем преобразуем массив в объект. Исходные данные. Пусть у нас есть объект (object). const populations = { russia: 146780, ukraine: 42153, belarus: 9475 } Нам необходимо преобразовать его в массив (array). Рассмотрим 4 способа. С помощью цикла....

Как Определить Мобильное Устройство с Помощью JavaScript

Как Определить Мобильное Устройство с Помощью JavaScript

16/11/2019

Сегодня вы научитесь определять мобильное устройство при помощи JavaScript. Затем реализуем это при помощи «mobile-detect.js». Он может также определять операционную систему и текущий браузер, используемый пользователем. Самый простой способ определить мобильное устройство с помощью JavaScript - это извлечь строку из navigator.userAgent. Будем искать совпадения на мобильные устройства. Если...

jQuery + AJAX + JSON + PHP. Пошаговое руководство

jQuery + AJAX + JSON + PHP. Пошаговое руководство

11/11/2019

Сегодня вы узнаете, как создавать, читать, обновлять и удалять записи в базе данных. А также реализуем поиск и пагинацию. Мы будем использовать jQuery, AJAX, JSON и PHP. 1. Обзор проекта 2. Настройка REST API 3. Необходимые файлы и папки 3.1 Файловая структура 3.2 Создание файла index.html 3.3 Подключение...

Простой REST API в PHP - Пошаговое руководство

Простой REST API в PHP - Пошаговое руководство

06/11/2019

В данной статье вы узнаете, как создать простой REST API в PHP. 1. Обзор проекта 1.1 Что такое REST API? 1.2 Зачем нужен REST API? 1.3 Где используется REST API? 2. Файловая структура 3. Настройка базы данных 3.1 Создание таблицы категорий 3.2 Дамп данных для таблицы категорий 3.3...

Кнопки «поделиться» для сайта

Кнопки «поделиться» для сайта

01/11/2019

Рассмотрим, как добавить социальные кнопки «поделиться» для вашего сайта. Для решения данной задачи мы не будем использовать сторонние сервисы, поэтому наши кнопки «поделиться» не будут оказывать отрицательного влияния на загрузку сайта и будут стабильно работать. 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

Валидация input

24/10/2019

Валидация input с помощью HTML, JavaScript, а также стилизация верно и не верно заполненного поля ввода. Валидация input с помощью HTML Для этой задачи воспользуемся атрибутом pattern. При использовании такого подхода, обязательно нужно сообщить пользователю в каком формате необходимо вводить в данное конкретное поле (с помощью label и/или...

Настройка Gulp Babel

Настройка Gulp Babel

20/10/2019

Что такое Babel, зачем он нужен, как установить gulp-babel для Gulp, настроить и начать использовать в своих проектах. Содержание: Babel для Gulp; установка gulp-babel; настройка gulpfile.js; создание babelrc; gulp-terser; Babel - это компилятор JavaScript. Содержит в себе набор инструментов, позволяющих преобразовывать код ECMAScript 2015 и выше в совместимую...