从jscolor获取颜色

时间:2012-06-06 15:42:00

标签: javascript code-generation jscolor

我正在使用http://jscolor.com

中的jscolor.js

以下函数是我之前用于将用户输入添加到代码生成器的函数。他们输入他们选择的十六进制颜色,它将被添加到代码生成器。

function changeOutlineColour(){
   var jj_input4 = document.getElementById('jj_input4').value;
   document.getElementById('outlinecolour').innerHTML = jj_input4;
   document.getElementById('jj_preview2').style.outlineColor = '#' + jj_input4;
}

这是代码添加到span标记

之间的位置
<div class="jj_yourcode">
    <p>#<span id="outlinecolour"></span>;</p>
</div>

现在我正在使用jscolor,十六进制代码没有添加到生成器,所以我的问题是,我必须对函数进行哪些更改,这样做呢?

1 个答案:

答案 0 :(得分:1)

使用按钮

计算出来

HTML:

<button type="submit" onClick="submitColour()">Set Colour</button>

使用Javascript:

function submitColour(){
    var jj_input4 = document.getElementById('jj_input4').value;
    document.getElementById('outlinecolour').innerHTML = jj_input4;
}