ColorPalette.js
上传用户:kimgenplus
上传日期:2016-06-05
资源大小:20877k
文件大小:2k
源码类别:

OA系统

开发平台:

Java

  1. /*
  2. Copyright (c) 2004-2006, The Dojo Foundation
  3. All Rights Reserved.
  4. Licensed under the Academic Free License version 2.1 or above OR the
  5. modified BSD license. For more information on Dojo licensing, see:
  6. http://dojotoolkit.org/community/licensing.shtml
  7. */
  8. dojo.provide("dojo.widget.ColorPalette");
  9. dojo.require("dojo.widget.*");
  10. dojo.require("dojo.html.layout");
  11. dojo.require("dojo.html.display");
  12. dojo.require("dojo.html.selection");
  13. dojo.widget.defineWidget("dojo.widget.ColorPalette", dojo.widget.HtmlWidget, {palette:"7x10", _palettes:{"7x10":[["fff", "fcc", "fc9", "ff9", "ffc", "9f9", "9ff", "cff", "ccf", "fcf"], ["ccc", "f66", "f96", "ff6", "ff3", "6f9", "3ff", "6ff", "99f", "f9f"], ["c0c0c0", "f00", "f90", "fc6", "ff0", "3f3", "6cc", "3cf", "66c", "c6c"], ["999", "c00", "f60", "fc3", "fc0", "3c0", "0cc", "36f", "63f", "c3c"], ["666", "900", "c60", "c93", "990", "090", "399", "33f", "60c", "939"], ["333", "600", "930", "963", "660", "060", "366", "009", "339", "636"], ["000", "300", "630", "633", "330", "030", "033", "006", "309", "303"]], "3x4":[["ffffff", "00ff00", "008000", "0000ff"], ["c0c0c0", "ffff00", "ff00ff", "000080"], ["808080", "ff0000", "800080", "000000"]]}, buildRendering:function () {
  14. this.domNode = document.createElement("table");
  15. dojo.html.disableSelection(this.domNode);
  16. dojo.event.connect(this.domNode, "onmousedown", function (e) {
  17. e.preventDefault();
  18. });
  19. with (this.domNode) {
  20. cellPadding = "0";
  21. cellSpacing = "1";
  22. border = "1";
  23. style.backgroundColor = "white";
  24. }
  25. var colors = this._palettes[this.palette];
  26. for (var i = 0; i < colors.length; i++) {
  27. var tr = this.domNode.insertRow(-1);
  28. for (var j = 0; j < colors[i].length; j++) {
  29. if (colors[i][j].length == 3) {
  30. colors[i][j] = colors[i][j].replace(/(.)(.)(.)/, "$1$1$2$2$3$3");
  31. }
  32. var td = tr.insertCell(-1);
  33. with (td.style) {
  34. backgroundColor = "#" + colors[i][j];
  35. border = "1px solid gray";
  36. width = height = "15px";
  37. fontSize = "1px";
  38. }
  39. td.color = "#" + colors[i][j];
  40. td.onmouseover = function (e) {
  41. this.style.borderColor = "white";
  42. };
  43. td.onmouseout = function (e) {
  44. this.style.borderColor = "gray";
  45. };
  46. dojo.event.connect(td, "onmousedown", this, "onClick");
  47. td.innerHTML = "&nbsp;";
  48. }
  49. }
  50. }, onClick:function (e) {
  51. this.onColorSelect(e.currentTarget.color);
  52. e.currentTarget.style.borderColor = "gray";
  53. }, onColorSelect:function (color) {
  54. }});