如何使用颜色选择器改变背景

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