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

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

Первое что мы сделаем - это подключим в начале страницы необходимые 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 Просмотров: 11954