텍스트 박스에 컬러피커 추가 MiniColors

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- MiniColors -->
<script src="minicolors/jquery.minicolors.js"></script>
<link rel="stylesheet" href="minicolors/jquery.minicolors.css">

<input type='text' class='minicolors' name='color_code1' data-control='hue' value='#000000' >
<input type='text' class='minicolors' name='color_code2' data-control='hue' value='#ff3300' >
<input type='text' class='minicolors' name='color_code3' data-control='hue' value='#33cc00' >


<script>
$(document).ready(function(){

    //컬러피커
    $('.minicolors').each(function() {
        // 현재 요소가 minicolors-input 클래스가 아닐 경우에만 초기화
        if (!$(this).hasClass('minicolors-input') && !$(this).hasClass('minicolors-theme-default')) {
            initializeMinicolors(this);
        }
    });

});
</script>

 

 

MiniColors.zip

0.08MB