Trying to insert this color picker. Javascript Question.

Question

This is what I would like to do:
jQuery Color Picker, Selector, Chooser Plugin - colpick.com
This is the code:
<div class="color-box"></div> <div class="color-box"></div> <div class="color-box"></div>
$('.color-box').colpick({ colorScheme:'dark', layout:'rgbhex', color:'ff8800', onSubmit:function(hsb,hex,rgb,el) { $(el).css('background-color', '#'+hex); $(el).colpickHide(); } }) .css('background-color', '#ff8800');
.color-box { float:left; width:30px; height:30px; margin:5px; border: 1px solid white; }
I am confused about what goes where. From what I have read thus far, the JS should go into the Page Properties > Metadata > HTML.
The HTML should be inserted via Object > Insert HTML? No idea about the CSS.
Ignorance is frustrating.

Answer 1

Hi
To answer your query.
A. JS and CSS goes to head section of the page. Therefore, you need to add the same using :
1. Right click on your page
2. Choose "page properties"
3. Choose metadata
4. Add javascript/CSS in head section as defined below :
For JS:
<script type="text/javascript">
your code goes here...
</script>
For CSS :
<style>your css code goes here</style>
Take a look :
B. To define HTML on a page, you just use " insert as HTML" option and place your HTML code there. Take a look :
I hope this helps
Let me know if you have any further query.
Regads