Зарегистрироваться | Забыли пароль


Для начинающих

bottom

Уроки

bottom

Полезное

bottom

Файлы

bottom

Ссылки

bottom

Главная страница » Уроки по JQuery

Определение шеснадцатиричного код цвета

Иногда в некоторых веб-приложениях требуется знать шеснадцатиричный код цвета. Но как выбрать именно тот цвет, который нужно? В этом уроке мы научимся делать поле при нажатии на которое, будет появляется палитра и пользователь сможет выбрать понравившийся цвет.

Пример

Первое что мы сделаем - это подключим в начале страницы необходимые JavaScript файлы:

<script type="text/javascript" src="js/jquery.js"></script>
<script
type="text/javascript" src="js/colorpicker.js"></script>
<script
type="text/javascript" src="js/eye.js"></script>
<script
type="text/javascript" src="js/utils.js"></script>
<script
type="text/javascript" src="js/layout.js?ver=1.0.2"></script>

Теперь обязательно нужно подключить следующие таблицы стилей:

<link rel="stylesheet" href="css/colorpicker.css" type="text/css">
<link
rel="stylesheet" media="screen" type="text/css" href="css/layout.css">

Хорошо, можно приступить к созданию формы, в которой будет содержаться поле с выпадающей палитрой:

<form action="#" method="post">
<input
type="text" maxlength="6" size="6" id="colorpickerField1" value="00ff00">
</form>

Параметр id показывае на то, что именно у этого поля следует отображать палитру цветов.

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

Автор: Евгений Бочкарев · Урок добавлен: 23 Августа 2009 в 23:07 · Просмотров: 513

Рекомендую
  • Currently 0.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 0.0/5 (всего 0 голоса)

Понравился сайт? Внесите свой вклад в его развитие?
R314489888859
41001346159934




   Комментарии к уроку (2)

12
Егор    Добавлено: 30-04-2010 в 17:55
Всё понятно, спасибо!
 
34
12
Алексей    Добавлено: 18-08-2010 в 17:09
Отличная вещь! спасибо!
 
34
12

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


Ваше имя:


Текст комментария:

Получать уведомления по Email могут только зарегистрированные пользователи. Регистрация
Введите цифры с картинки


 
34