使用ColorPicker將字體顏色設置爲div

所以，我使用這個jscolor來選擇我的顏色：http://jscolor.com/ 對於php目的而言，工作得很好，但我希望我的div有類「color-font」來響應我選擇的任何顏色。也就是說，我需要使用類「color-font」的div來更改字體顏色，因爲我從該調色板中選取顏色。使用ColorPicker將字體顏色設置爲div

我使用ColorPicker讓div更改字體，但它不起作用。鏈接顏色選擇器：http://www.eyecon.ro/colorpicker/

這裏是我有儘可能代碼：

這是輸入調色板：

<input type="text" size="1" name="color_font" id="color_font" value="<?php echo $t_content["color_font"]["content"]; ?>" style="font-size: 0px; background-color: <?php echo $t_content["color_font"]["content"]; ?>; color: <?php echo $t_content["color_font"]["content"]; ?>;" class="color {hash:true}" />

下面是javascript代碼當我試圖挑顏色從ID =「color_font」輸入，並將其設置在帶有class =「彩色字體」

$('#color_font').ColorPicker({ 
    //color: $(this).val(), 

    onBeforeShow: function() { 
     $('#color_font').ColorPickerSetColor($('#color_font').val()); 
    }, 
    onChange: function(hsb, hex, rgb) { 
     var element_p = $('#color_font'); 
     var old_color_accent = $('#color_font').css('color'); 

     $('.color-font').each(function() { $(this).css('color', '#' + hex); }); 


     element_p.css('background-color', '#' + hex); 
     element_p.css('color', '#' + hex); 
     element_p.val('#' + hex); 
    }, 
    onSubmit: function(hsb, hex, rgb, el) { 
     $('#color_font').ColorPickerHide(); 
    } 
});

的div我不明白爲什麼它不WO RK。

來源

2015-08-13 vitalii maximov

你能創建使用CodePen或的jsfiddle小演示？ –

您可以在數據庫中註冊選定的顏色，在您的系統中查找所選顏色的結果，並在採用php格式的樣式表中顯示此結果。你不能在另一個文件中獲取樣式表，你可以在樣式表中包含一個php文件，並將這個文件包含在你的頁面中。您需要創建一個帶有樣式表的文件，該樣式表應該是您選擇顏色的div類。

例如your_page.php：

<?php 

     <style type="text/css"> 
     .my_color{ 
      color: <?php echo $mycolor; ?>; 
      background: <?php echo $mybackground; ?>; 
     } 
     </style> 


<div class="my_color"> 
This is my color! 
</div> 


?>

來源

2015-08-16 14:03:43 Renata

使用ColorPicker將字體顏色設置爲div

回答

相關問題