wColorPicker
wColorPicker copied to clipboard
multiple fields with the same ID on the same page.
There are multiple (lots) id repeated on the same page, for example look at the demo page (http://wcolorpicker.websanova.com/).
<div class="wColorPicker-palette wColorPicker-palette-simple">
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-top wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(0, 0, 0);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(51, 51, 51);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(102, 102, 102);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(153, 153, 153);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(204, 204, 204);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(255, 255, 255);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(255, 0, 0);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(0, 255, 0);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(0, 0, 255);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(255, 255, 0);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(0, 255, 255);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(255, 0, 255);"></div><br>
</div>
There are many more, these are just an example.
Please tell me: how to program using jQuery to change the color in wColorPicker? So far, I can only manage events onMouseover, onSelect and onMouseout.
Link to make it clear: http://rghost.ru/6TmKZzXbd/image.png Website: http://eurodecor.demophp.ru/personal/figures/
Help me please.