Липкие записки на javascript
Администрируя один сайт - столкнулся с такой ситуацией: На сайте есть страничка содержащая логи работы сайта. Некоторые сообщения имеют достаточно критичную важность, и хотелось, как-то, выделить эти ключевые сообщения, так как их довольно много и запомнить их все, для проверки и отладки работы сайта - несколько сложновато. Да и копипастить, туда-сюда-куда-то, сильно надоело. Тогда и родилась идея создать инструмент помогающий эффектно выделить важные сообщения и постоянно видеть их перед глазами находясь на сайте, и отлаживая его работу.
Идея, конечно, не нова - это простое, и очередное расширение функционала javascript под названием localStorage.
Коротко о функционале "Липких записок"
Записки, а так же их параметры, такие как положение, цвет и угол поворота, сохраняются локально и привязаны к доменному имени сайта.
Плагин использует долгожданный объект window.localStorage реализованый с приходом (наконец-то!) стандарта HTML5.
Записки можно перемещать за любое место. Изменения сразу же фиксируются на всех страницах сайта.
Записки "привязываются" к элементу с классом "stickerable" и с аттрибутом "rel" содержащим уникальный ID элемента
(эти значения "по умолчанию" настраиваются в файле "stickyNotes.js")
Например: <p class="stickerable" rel="123" >[содержание записки]</p>
[содержание записки]
Примеры "Липких записок"
Примеры записок, на этом сайте, работают только в пределах данной странички и вот этой страницы.
Для того чтобы записки отображались на всех страницах - необходимо прописать в блоке <head> каждой страницы, подгрузку файла таблицы стилей sticky.css,
и javascript файла самого обработчика записок stickyNotes.js
Первый пример липкой записки.
Более подробно можно ознакомиться - скачав исходники.
Комментарии в коде, а также сам код - более красноречивы :)
* Плагин работает только с браузерами поддерживающими HTML5
* Требует библиотеки jQuery
(посмотреть ещё немножко всякой интересной фигни)