Групповой выбор checkbox'ов на JavaScript

В некоторых пользовательских интерфейсах в рабочих проектах приходится сталкиваться с длинными таблицами. Одна из колонок в такой таблице - чекбокс, которым отмечаются строки, с которыми надо выполнить то или иное действие. При выборе пары-тройки чекбоксов проблем не возникает, один клик - один чекбокс. В шапке колонки есть мастер-чекбокс, с помощью которого можно отметить все или снять все галочки. А вот при необходимости отметить не все, но просто большое количество чекбоксов начинаются сложности. По одному делать это долго. Но ведь даже в стандартном Проводнике есть возможность выбирать последовательность файлов, отмечая чекбоксы с зажатой клавишей Shift. Такая идея мне понравилась и я перенес ее на веб-страницы.

Читать статью целиком »

Хранение данных в localStorage и sessionStorage

Собрал небольшую шпаргалку по localStorage и sessionStorage в частности и Web Storage API в целом. Вся эта информация в том или ином объеме, конечно, есть в других источниках, тут она исключительно для личного удобства, чтобы долго не искать.

Читать статью целиком »

Исследование защиты программы phpDesigner

phpDesigner - интегрированная среда разработки для начинающих и профессиональных web-программистов. Поддерживает синтаксис основных языков web-программирования, отладку, системы контроля версий, фреймворки, проверку синтаксиса, таблицы стилей и многое-многое другое. Без регистрации работает ограниченное время, после чего требует покупки. Но, как говорится в старом анекдоте, "перебьетесь" пишется с мягким знаком.

Читать статью целиком »

Как сохранить HTML Canvas в виде изображения

Canvas - элемент HTML5, предназначенный для создания и обработки растрового изображения при помощи скриптов на языке JavaScript. На его основе, к примеру, работают различные библиотеки для построения графиков, различные онлайновые редакторы изображений, сервисы навигации и даже достаточно продвинутые анимированные игры. Все области применения трудно перечислить. Но просто рисовать в браузере иногда может быть недостаточно, надо передать готовый результат на сервер или сохранить в виде изображения на локальный компьютер.

Читать статью целиком »

Центрирование заголовка PieChart в Google Charts

Для генерации чартов я иногда пользуюсь сервисом Google Charts. Все получается довольно красиво, легко настраивается, результат в основном устраивает. Если бы не одно НО. Заголовок круговой диаграммы всегда прижат к левому краю и никакими настройками это поведение не изменить. Эффективное решение нашлось и на эту проблему.

Читать статью целиком »