/** * * jsColorPallet - very basic color pallet * jsColorPallet is a very basic color pallet that is bound to text fields in your document. * onFocus of the selected text field the selected color pallet will apear allowing the user * to select a color. There are multipul color pallets the user to select colors from. * * Thanks to Dynarch.com for a portion of code barrowed. * * A portion Copyright 2003-2006 (c) Dynarch.com * The rest Copyright 2006 (c) Skeletal Design, Inc * * @version v1.0.1 2006/09/15 * */ jsColorPallet = Class.create(); jsColorPallet.prototype = { initialize: function(title, form, fields) { /** * Initialization of jsColorPallet * Bind, Creates, and Draws out all the color pallets * * @author NerdyNick nick@skeletaldesign.com * @param title string optional Title of the color pallet * @param form string The id of the form that the color pallet will be bound to * @param fields array array containing all the idz of the elements to bind the color pallet to show on * @date 2006/09/15 */ this.workingField = ""; // The current/last field to be evaluated to display the color pallet this.colorPallets = new Array(); // The array containg arrays of all the color pallets and there color this.defineColorPallets(); // Create each color pallets array this.drawColorPallet(title); // Draw all the color pallets //support: removed this. causes error in IE. replaced it by binding only on fields passed in // this.bindForm(form); // Bind the jsColorPallet to all the forms this.currentPallet = {id:0, pallet: new Array()}; // Object to manage and store each color pallet this.boundFields = fields; // The array of fields to display the color pallet on //support: added this for(i=0;i'); //Draw each row of the Color Pallet for(h = 0; h < this.colorPallets[i].length; h++){ document.write(''); for(c = 0; c < this.colorPallets[i][h].length; c++){ document.write(''); } document.write(''); } //Draw the end of the Color Pallet document.write('
' + title +'X»
 
'); } }, changeTitle: function(title){ /** * Changes the title of all the color pallets * Goes throught and changes all the titles on all the color pallets * * @author NerdyNick nick@skeletaldesign.com * @param title string title you would like to set the color pallet to * @date 2006/09/15 */ for(i=0;i < this.colorPallets.length; i++){ $('colorPalletTitle'+ i).innerHTML = title; } }, bindForm: function(formBind){ /** * Binds the color pallet to each form element * Goes throught the complete form and binds the color pallet to each form element * * @author NerdyNick nick@skeletaldesign.com * @param formBind string form id of the form to bind the color pallet to * @date 2006/09/15 */ form = $(formBind); for(i=0;i