Getting color value from colorPicker onchange event... how to??

[peterlen]

Hello,

I have a richfaces colorPicker component where I set the onchange attribute.  The goal is to call a client-side javascript function after the color has chnaged and get the new color value.  I have the component defined like:

<rich:colorPicker colorMode="hex" id="draw_line_cp" onchange="changeColor(this)" value="#28872b"/>

After the page is rendered, the resulting source for this includes:

<span class="rich-color-picker-span" id="mapform:draw_line_cp"><input name="mapform:draw_line_cp" readonly="readonly" value="#28872b" type="text">

The "this" value in the function call equates to the ID of the <span> tag, not the text field that holds the color value.  Since the text field with the color value only has a "name" attribute, I tried to get the field object by document.mapform.mapform:draw_line_cp.  As you can imagine, browsers do like like syntax (the colon).

So, now I am stuck trying to figure out how I can get the newly picked color value in my javascript call from an onchange.  All the examples for the colorPicker I find use the <a4j:spport> to send the value to the server.  This is not the behavior I need to implement.  Does anyone know how I can get the colorPickers color on an onchange call?

Thanks - Peter

[ilya_shaikovsky]

onchange="alert('#{rich:element('cpickerId')}.firstChild.value"');

Unfortunatelly api was not conviniently designed for that component.. So that woraround should be used. Hope it would be suitable.