如何使用顏色選擇器改變背景

Question

顏色選擇器功能的文本這一翻譯沒有進入所需的字段

<input class="jscolor {onFineChange:'update(this)'}" value="choose color"> 
    <iframe name="richTextField" id="richTextField" style="border:#000000 1px solid; width:700px; height:300px;"> 
<script type="javascript" src="js/jscolor.js"></script> 

<script> 
function update(jscolor) { 

// 'jscolor' instance can be used as a string 
document.getElementById('richTextField').style.backgroundColor = '#' + jscolor 

} 
    </script> 

我想，當用戶點擊文本框顏色選擇器會打開用戶選擇他的願望顏色，然後在iframe中編寫的文本應該是那種顏色

Answer 1

只是爲你解決這個問題。這個例子演示了改變背景。要更改文本顏色，你可以定義iframe的來源和替換「y.body.style.backgroundColor = '#' + jscolor;」與「y.body.style.color = '#' + jscolor;」。這裏的代碼段代碼：

<script src="http://jscolor.com/release/2.0/jscolor-2.0.4/jscolor.js"></script>  

<input class="jscolor {onFineChange:'update(this)'}" value="choose color"> 

<iframe id="richTextField" height="200" width="600"></iframe> 

<script> 
function update(jscolor) { 
    var x = document.getElementById("richTextField"); 
    var y = (x.contentWindow || x.contentDocument); 
    if (y.document)y = y.document; 
    y.body.style.backgroundColor = '#' + jscolor; 
} 
</script> 

View Snippet