Software Solutions

This tutorial is to see how to do simple color picker using jQuery. There are various jQuery plugins providing color picker feature. This tutorial gives a simple example code as a guideline to start writing your own jQuery color picker plugin. In this example, we are using CSS selectors to show color palette. On clicking each color in the palette we store the selected color into a pointer to be applied to the target DIV. We are using jQuery CSS function to pick and apply colors to the target DIV. HTML Code for Color Palette: This is the HTML code for showing color palette to pick colors. It shows four colors with separate DIV tags. <div class= "circular-div" id= "blue" onClick= "pickColor(this.id);" ></div> <div class= "circular-div" id= "red" onClick= "pickColor(this.id);" ></div> <div class= "circular-div" id= "yellow" onClick= "pickColor(this.id);...