ev5unleash Posted April 20, 2009 Share Posted April 20, 2009 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? Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted April 20, 2009 Share Posted April 20, 2009 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> Quote Link to comment Share on other sites More sharing options...
ev5unleash Posted April 20, 2009 Author Share Posted April 20, 2009 I've tried adding that to the page, but it still doesn't add # to the textbox. Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted April 20, 2009 Share Posted April 20, 2009 what's the code you have so far? Quote Link to comment Share on other sites More sharing options...
ev5unleash Posted April 20, 2009 Author Share Posted April 20, 2009 It's the same as that link except I added you're code to my page. Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted April 21, 2009 Share Posted April 21, 2009 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> Quote Link to comment Share on other sites More sharing options...
ev5unleash Posted April 21, 2009 Author Share Posted April 21, 2009 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" /> Quote Link to comment Share on other sites More sharing options...
Axeia Posted April 21, 2009 Share Posted April 21, 2009 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? Quote Link to comment Share on other sites More sharing options...
ev5unleash Posted April 21, 2009 Author Share Posted April 21, 2009 That did it, Thanks! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.