Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Уроки по 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 Просмотров: 11410

Условия копирования материалов сайта

Все комментарии
#-6 Егор 30-04-2010 в 17:55
Всё понятно, спасибо!
#-5 Алексей 18-08-2010 в 17:09
Отличная вещь! спасибо!
#-4 Nikolaj92 05-09-2011 в 19:31
Отличный скрипт, а главное с пояснениями. Спасибо.
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


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

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки