Question : jquery colpic problem - no color picker appears

I'm going absolutely crazy trying to get this working - the really frustrating thing is that I already have it working on another template in the same folder with exactly the same paths etc....

I've uploaded it to a live webserver so you can check it out here...

http://xoundboy.com/WORK/jquery/colpic/test.cfm

when you click a hex color code field a popup should appear.

500 points to the person who tells me why it doesn't work.

cheers

Code Snippet:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:





Untitled Document
 







 

 

 

 
	
	
		Line color
		
	
	
	
	
		Line Color (second line)

Open in New Window

Select All

Answer : jquery colpic problem - no color picker appears

Wrap the script that adds the color picker to those text boxes in a $(document).ready

                       
         
           
           
             <script type="text/javascript" language="javascript">
$(document).ready(function() {
  $('#linecol1, #linecol2').ColorPicker({
    onSubmit: function(hsb, hex, rgb, el) {
      $(el).val(hex);
      $(el).ColorPickerHide();
    },
    onBeforeShow: function () {
      $(this).ColorPickerSetColor(this.value);
    }
  })
  .bind('keyup', function(){
          $(this).ColorPickerSetColor(this.value);
  });
});
</script>

           
         

Open in New Window

Select All