1 Reply Latest reply on Apr 8, 2010 9:48 AM by Ilya Shaikovsky

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

    Peter Len Apprentice

      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