ВЫБОР ЦВЕТА НА JQUERY


ВЫБОР ЦВЕТА НА JQUERY


Color picker - плагин на jquery для выбор цвета и установки его в поле input.

В шапку сайта подгрузите следующие файлы:
<script src="/js/jquery/jquery.js" type="text/javascript"></script>
<script src="/js/jquery/ifx.js" type="text/javascript"></script>
<script src="/js/jquery/idrop.js" type="text/javascript"></script>
<script src="/js/jquery/idrag.js" type="text/javascript"></script>
<script src="/js/jquery/iutil.js" type="text/javascript"></script>
<script src="/js/jquery/islider.js" type="text/javascript"></script>

<script src="/js/jquery/color_picker/color_picker.js" type="text/javascript"></script>
<link href="/js/color_picker/color_picker.css" rel="stylesheet" type="text/css">
<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]>
    <link rel="stylesheet" href="/js/jquery/color_picker/color_picker-ie6.css" type="text/css">
<![endif]-->
<!--[if gte IE 7]>
    <link rel="stylesheet" href="/js/jquery/color_picker/color_picker-ie7.css" type="text/css">
<![endif]-->


Поместите на вашу старницу в желаемое место ссылку и input форму для выбора цвета
Можно изменять опции в атрибуте rel="" ссылки:
<input type="text" id="myhexcode" value="" style="width:60px;">
<a href="javascript:void(0);" rel="colorpicker&objcode=myhexcode&objshow=myshowcolor&showrgb=1&okfunc=myokfunc" style="text-decoration:none" >
    <div id="myshowcolor" style="width:15px;height:15px;border:1px solid black">&nbsp;</div>
</a>


javascript
Вызываем плагин
<script type="text/javascript">
    function myokfunc(){
        alert("Пользовательский текст показываемый, после установки цвета");
    }
    //init colorpicker:
    $(document).ready(
        function()
        {
            $.ColorPicker.init();
        }
    );
</script>


Скачать исходник:
jquery_color_picker.rar


скрипт скрипт ВЫБОР ЦВЕТА НА JQUERY
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 3333
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация