menu.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. var menu = null;
  2. K('#menu').bind('click', function(e) {
  3. if (menu) {
  4. menu.remove();
  5. menu = null;
  6. } else {
  7. var menuPos = K('#menu').pos();
  8. menu = K.menu({
  9. width : 200,
  10. x : menuPos.x,
  11. y : menuPos.y + K('#menu').height(),
  12. z : 19811212,
  13. centerLineMode : false
  14. });
  15. K.each('9px,10px,12px,14px,16px,18px,24px,32px'.split(','), function(i, val) {
  16. menu.addItem({
  17. title : '<span style="font-size:' + val + ';">' + val + '</span>',
  18. click : function() {
  19. alert(val);
  20. },
  21. height : parseInt(val, 10) + 12,
  22. checked : val === '12px'
  23. });
  24. });
  25. }
  26. });
  27. var contextmenu = null;
  28. K('#contextmenu').bind('click', function(e) {
  29. if (contextmenu) {
  30. contextmenu.remove();
  31. contextmenu = null;
  32. } else {
  33. var contextmenuPos = K('#contextmenu').pos();
  34. contextmenu = K.menu({
  35. width : 200,
  36. x : contextmenuPos.x,
  37. y : contextmenuPos.y + K('#contextmenu').height(),
  38. z : 19811213
  39. });
  40. K.each('image,flash,media,-,bold,cut,copy,paste,-,selectall'.split(','), function(i, val) {
  41. contextmenu.addItem({
  42. title : val,
  43. click : function() {
  44. alert(val);
  45. },
  46. iconClass : 'ke-icon-' + val
  47. });
  48. });
  49. }
  50. });
  51. var colorpicker = null;
  52. K('#colorpicker').bind('click', function(e) {
  53. if (colorpicker) {
  54. colorpicker.remove();
  55. colorpicker = null;
  56. } else {
  57. var colorpickerPos = K('#colorpicker').pos();
  58. colorpicker = K.colorpicker({
  59. x : colorpickerPos.x,
  60. y : colorpickerPos.y + K('#colorpicker').height(),
  61. z : 19811214,
  62. selectedColor : 'default',
  63. noColor : '无颜色',
  64. click : function(color) {
  65. alert(color);
  66. }
  67. });
  68. }
  69. });