Скрипт Typed.js позволяет выводить текст на экране так ,как будто его набирают по букве с клавиатуры.


Категории: JavaScript
Пометки: Javascript эффект печатания текста на сайте при помощи плагина Typed.js

Плагин jQuery Masked Input Plugin позволяет красиво оформить ввод телефонного номера на форму.


Категории: JavaScript
Пометки: maskedinput маска телефона, maskedit, mask edit

Попалась на глаза интересная JS библиотека, для распознавания лиц.

Она весит всего 2kb и может очень быстро распознать лицо человека.


Категории: JavaScript

Если пользователь ничего не делает в течении N секунд, то данный скрипт редиректит его на другую страницу.

Может пригодиться, например, если нужно разлогинивать человека из панели управления.


Категории: JavaScript

Интересная библиотека, например, для интерактивного бэкграунда.

pic1

Сайт разработчика VincentGarreau/particles.js

Живое Demo


Категории: JavaScript, HTML, CSS
Пометки: Постоянно изменяющиеся частицы, рисование на канве, конвас, canvas

На сайте было древовидное меню с возможностью его раскрывать, но при переходе на нужную страницу дерево отображалось закрытым.

Ниже пример кода, который раскрывает дерево в зависимости от адреса текущей страницы.


Категории: JavaScript

Например, по ТЗ, нужно убрать все внешние ссылки из HTML. Данный пример показывает, как это сделать.


Категории: JavaScript, JQuery

Иногда требуется проверить, отображается ли сейчас тот или иной блок на экране. В Jquery для этого есть специальный селектор:

 
if($(element).is(":visible"))
{
  //...
}


Категории: JavaScript

Это не законченный код. Хотел написать собственную замену стандартным checkbox, накидал основу, но до конца не довел. Готовых красивых checkbox'ов много, т.ч. нет смысла делать еще одну.


Пометки: checkbox

Набросок небольшого скипта для отслеживания нажатия на другой элемент на нативном javascript.

Например, нам нужно скрыть меню или закрыть диалоговое окно, когда пользователь нажимает на "свободное место".

Если сразу перейти к сути, но нам нужно проверить, что нажали не на наш блок или не на его содержимое:

 
const elBlock = document.getElementById(selectorBlock);
const clickListener = (event) => {
    const target = event.target;
    if ( (target !== elBlock) && (!elBlock.contains(target)) ) {
        doClose();
    }
}


Категории: JavaScript
Пометки: javascript addeventlistener click нажатии вне формы, нажатие на другой элемент
Яндекс.Метрика