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

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