Фев 25

jQuery ColorPicker: Диалог выбора цвета

Рубрики: jQuery Метки: , ,  Количество просмотров: 7 916

Рано или поздно в веб-программировании сталкиваешься с необходимостью вывести диалог выбора цвета (по забугорному colorpicker). Вещь в принципе распространенная, потому не удивительно что под наш любимый jQuery уже созданы готовые плагины. В этой статье я сделаю небольшой обзор существующих jquery-плагинов для выбора цвета и остановлюсь на некоторых из них.

Колорпикеры я бы разделил на два типа

  1. Палитра
  2. Каталог цветов

Каталог цветов я бы разделил еще на два типа

  1. Предустановленные цвета. Яркий представитель – плагин iColorPicker. В нем предустановлены наиболее популярные web-цвета. Сам плагин очень компактный (6 кб) и простой в установке.
  2. Пользовательские цвета. Если нужно дать пользователю выбрать из нескольких цветов, можно попробовать плагин Crayonbox jQuery Plugin.

Среди палитровых можно выделить два плагина

  1. Farbtastic: jQuery color picker plug-in. Очень достойный плагин. Мне он нравится прежде всего тем, что он стильный, легковесный (js-файл 8кб + стили и картинки) и очень просто встраивается. Есть и недостаток, этот плагин статичен, т.е. он не может аккуратно «выпасть» и так же плавно исчезнуть. Можно конечно написать и самому эти фичи, но желательно иметь по умолчанию.
  2. Color Picker. безусловный лидер. Отличный универсальный плагин, который можно использовать для тонкой настройки цвета. Именно его я использую в своих разработках.

Спонсоры выпуска:
Грузовой и легковой Автомобиль, доска объявлений покупка/продажа.
Ищите ресторан для свадьбы? На этом сайте найдете не один.
Дорогущие золотые швейцарские часы breguet пусть покупают миллионеры. В кризис можно обойтись и копией =)

Другие статьи автора

Комментарии

  1. Цитировать Ave

    А на jQuery реально написать простенький графический редактор? Или на чём они обычно пишутся?

  2. Цитировать Samborsky

    Ave, точно не в курсе, я никогда подобным не занимался. На вконтакте на флеше сделан графический редактор (стена).

    Кстати почему-то твои комментарии акисмет в спам направляет, случайно заглянул – там несколько твоих каментов лежит в папке спам.

  3. Цитировать Ave

    Samborsky

    Угу, я заметил, что что-то не то и тебе в аську написал, не знаю видел ли. А то думаю, пишу и пишу, а комментариев не видать. Кстати, странно. Спамом не занимаюсь в принципе, но это мыло правда везде, где только можно, засвечено. Может и из-за этого.

  4. Цитировать Samborsky

    Мог кто-то по ошибке в спам занести твой комент, а акисмет он же распространяет базы быстро и у других уже в спам идут новые каменты.

    в icq ничего от тебя не получал

  5. Цитировать Ave

    в icq ничего от тебя не получал

    Я походу у тебя везде забанен xD
    Щас вот сижу в аську ломлюсь – бесполезно.

  6. Цитировать Samborsky

    Та я в icq редко очень. В ней сидеть и работать не получается одновременно.
    Я в основном с утра включаю и смотрю кто что писал…
    быть может в когда я в оффлайн месаги не приходят с этим гребаным icq

  7. Цитировать Linkdump #8 | CTAPbIu_MABP's BLOG

    [...] jQuery ColorPicker: Диалог выбора цвета [...]

  8. Цитировать ERROR_331

    Так чего нет, конечно можно написать граф редактор…Я думаю используя имеющийся JQuery UI можно все что угодно написать ;) …единственная проблема – это неудобство контроля за диалоговыми окнами плюс нет встроенной возможности создания окна оверлея без возможности закрыть его юзером…

  9. Цитировать Holy Diver

    Не знаю на счёт jQuery, но Adobe вроде как хочет занять нишу браузерных он-лайн графических редакторов.
    P.S. неплохой обзор colorpicker’ов.

  10. Цитировать Chaiko

    Отличная статья-вводит в курс дела! Спасибо!

Добавить комментарий