JS/jQuery

Прелоадер в Fancybox 3
Плагин галерей Fancybox имеет встроенную функцию прелоадера (show loading), что удобно использовать в своих целях – при загрузки, долгих расчетов и т.д.
324
0
Разбить число на разряды при вводе в input text
При вводе длинных чисел в текстовое поле становится визуально понятнее и удобнее если числа автоматически бьются на...
807
+5
Как найти координаты конца отрезка JS/PHP
Найти координаты конца отрезка, если известны координаты начала, его длина и угол наклона можно по формулам:
489
0
Leaflet.js – линия между маркерами
В библиотеке Leaflet имеются стандартные инструменты для реализации данной задачи.
751
+1
Отправка формы в новую вкладку браузера
Иногда возникает вопрос – как отправить HTML-форму в новую вкладку браузера, например для отдельной страницы, где будет...
725
-1
Как запретить leaflet.js прокручивать страницу при масштабировании
Если карта Leaflet выходит за границы области просмотра окна браузера, то при нажатии на кнопки зума, страница...
394
0
Перетаскивание элементов Drag and drop (jQuery UI Droppable)
UI Droppable – плагин, который позволяет сделать перетаскивание элементов мышью (Drag&Drop).
2031
+1
Перебор массивов и объектов в JS
Сборник методов для перебора элементов массива или массивоподобных объектов.
4001
0
Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable
​Задача - необходимо повернуть изображение на угол, найденный путем выставления двух точек на линию горизонта...
762
0
Копирование текста на сайте с помощью Clipboard.js
Clipboard.js – мини плагин для копирования текста с сайта в буфер обмена, который не использует flash и JQuery.
1611
0
Автоматическая прокрутка вниз страницы
Автоматическая прокрутка страницы или блока может быть полезна при постоянном выводе контента (чат, постоянный вывод...
3306
+2
Как узнать направление скроллинга в jQuery
Чтобы узнать в каком направлении пользователь скролит страницу или блок, достаточно проверить свойство...
1349
+3
Пауза в setInterval()
Управление методом setInterval() ограничено и есть только функция clearInterval() для полной отмены повторения действий. Но setInterval() можно как бы приостановить с помощью переменной.
1602
-1
Графический редактор на Canvas и JS + PHP
Пример редактора тапа «Paint» с картинкой-подложкой, на которой можно рисовать мышью с последующей отправкой на сервер.
2693
+3
Одноразовая функция JS
Два примера как можно сделать что бы функция JS выполнялась только 1 раз.
650
+2
Как сделать блоки одной высоты
Самый простой способ сделать блоки с одинаковой высотой можно с помощью JQuery, к примеру возьмем следующую верстку блоков.
4626
+6
Закрыть вкладку браузера c помощью JavaScript
Для того, чтобы закрыть текущую вкладку или окно браузера в JS достаточно вызвать метод...
9593
+5
Обновить страницу с помощью JS / HTML / PHP
Сборник методов для перезагрузки страницы или вкладки браузера.
61054
+6
Как изменить Favicon сайта из JavaScript
Для замены Favicon во вкладке браузера достаточно у элемента link rel="icon" в атрибуте href указать путь до нового...
6351
+4
Как изменить title сайта из JS / JQuery
Для привлечения внимания пользователя, например о каком либо событии, изменяют title страницы (особенно это заметно...
6128
0
Модальные окна на Fancybox 3
Fancybox 3 плагин галерей и модельных окон, в отличии от второй версии существенно изменилась скорость работы, дизайн и немного API, далее подробнее о вызове модальных окон.
28456
+2
Local Storage и Session Storage в JavaScript
Web Storage API это набор методов, при помощи которых в браузере можно хранить данные в виде пар ключ=значение на...
8157
+3
Работа с cookie в JavaScript
Сookies или куки – это данные в виде пар ключ=значение, которые хранятся в файлах на компьютере пользователя. Для хранимых данных существуют несколько ограничений...
25216
+7
Загрузка изображений с превью AJAX + PHP + MySQL
В данной статье представлена упрощенная реализация загрузки изображений с превью через AJAX с сохранением в базу данных...
15586
+18
Как ограничить ввод данных в текстовое поле
Примеры, приведенные ниже позволят ограничить ввод символов в текстовые поле. Например, можно ограничить количество...
28987
+1
Оформление placeholder разными стилями
Если требуется полностью изменить цвет или шрифт подсказки placeholder, то подойдет свойство ::placeholder, но в...
5244
-1
Сохранить открытую вкладку в Bootstrap Tabs
В данной статье представлены два метода, как сохранить открытую вкладку в Bootstrap Tabs, поле перезагрузки страницы...
4126
+6
Подгрузка контента при прокрутке (бесконечная лента)
Пример реализации «Бесконечной ленты» с применением PHP, БД MySQL, и JQuery Ajax.
18472
+9
Перевод текста в транслит на JavaScript
Два варианта функции для преобразования символов русского алфавита в транслит.
13490
+4
Прокрутка содержимого таблицы
Чтобы сделать таблицу с фиксированной высотой и вертикальной прокруткой потребуется разделить её на две части.
23205
+5