Editing this Javascript so that it adds #

[ev5unleash]

Hey Guys,

 

I'm not that good with JavaScript but I was wondering if someone could help me. I'm using this javascript http://johndyer.name/lab/colorpicker/. I'm trying to use a button to set that color code as the background but it doesn't work because the # is not present. Could someone give me a modified script where it adds the # before the generated color code?

[RichardRotterdam]

I see the input element of the script has an id named "cp1_Hex".

You could just use the getElementById function to get that propery and then add the # char to it

 

<script type="text/javascript">
var color=getElementById("cp1_Hex").innerHTML;
var color="#"+color;
</script>

[ev5unleash]

I've tried adding that to the page, but it still doesn't add # to the textbox.

[RichardRotterdam]

what's the code you have so far?

[ev5unleash]

It's the same as that link except I added you're code to my page.

[RichardRotterdam]

I'm trying to use a button to set that color code as the background

Well you need some sort of function that handles the onclick of a certain button. What code do you have for that?

It should be something like

<script>
window.load=function(){
    var colorButton=document.getElementById('YOURBUTTONIDHERE');
    colorButton.click=function(){
        //your color changing script here
    }
}
</script>

[ev5unleash]

Yeah, I do it's this

 

<input name="button" type="button" id="button" onclick="document.body.style.backgroundColor = document.getElementById('cp1_Hex').value" value="Apply Background Color" />

[Axeia]

Am I missing something or would

<input name="button" type="button" id="button" onclick="document.body.style.backgroundColor = '#'+document.getElementById('cp1_Hex').value" value="Apply Background Color" />

 

Do the trick?

[ev5unleash]

That did it, Thanks!