edittd.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <script type="text/javascript" src="../internal.js"></script>
  6. <style type="text/css">
  7. .section {
  8. text-align: center;
  9. margin-top: 10px;
  10. }
  11. .section input {
  12. margin-left: 5px;
  13. width: 70px;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <div class="section">
  19. <span><var id="lang_tdBkColor"></var></span>
  20. <input type="text" id="J_tone"/></br></br>
  21. <span><var id="lang_tdBoColor"></var></span>
  22. <input type="text" id="B_tone"/>
  23. </div>
  24. <script type="text/javascript">
  25. var tone = $G("J_tone"),
  26. colorPiker = new UE.ui.ColorPicker({
  27. editor:editor
  28. }),
  29. colorPop = new UE.ui.Popup({
  30. editor:editor,
  31. content:colorPiker
  32. });
  33. domUtils.on(tone, "click", function () {
  34. colorPop.showAnchor(tone);
  35. });
  36. domUtils.on(document, 'mousedown', function () {
  37. colorPop.hide();
  38. colorPop1.hide();
  39. });
  40. colorPiker.addListener("pickcolor", function () {
  41. tone.value = arguments[1];
  42. colorPop.hide();
  43. });
  44. colorPiker.addListener("picknocolor", function () {
  45. tone.value="";
  46. colorPop.hide();
  47. });
  48. var btone = $G("B_tone"),
  49. colorPiker1 = new UE.ui.ColorPicker({
  50. editor:editor
  51. }),
  52. colorPop1 = new UE.ui.Popup({
  53. editor:editor,
  54. content:colorPiker1
  55. });
  56. domUtils.on(btone, "click", function () {
  57. colorPop1.showAnchor(btone);
  58. });
  59. colorPiker1.addListener("pickcolor", function () {
  60. btone.value = arguments[1];
  61. colorPop1.hide();
  62. });
  63. colorPiker1.addListener("picknocolor", function () {
  64. btone.value="";
  65. colorPop1.hide();
  66. });
  67. dialog.onok=function(){
  68. editor.execCommand("edittd",tone.value,btone.value);
  69. };
  70. </script>
  71. </body>
  72. </html>