dialog.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>KindEditor Dialog Test</title>
  6. <link rel="stylesheet" href="../lib/qunit/qunit.css" />
  7. <!-- <script src="../lib/firebug-lite/build/firebug-lite.js#startOpened"></script> -->
  8. <script src="../lib/qunit/qunit.js"></script>
  9. <script src="../lib/jquery.min.js"></script>
  10. <link rel="stylesheet" href="../themes/default/default.css" />
  11. <script src="../src/core.js"></script>
  12. <script src="../src/config.js"></script>
  13. <script src="../src/event.js"></script>
  14. <script src="../src/html.js"></script>
  15. <script src="../src/selector.js"></script>
  16. <script src="../src/node.js"></script>
  17. <script src="../src/range.js"></script>
  18. <script src="../src/cmd.js"></script>
  19. <script src="../src/widget.js"></script>
  20. <script src="../src/edit.js"></script>
  21. <script src="../src/toolbar.js"></script>
  22. <script src="../src/dialog.js"></script>
  23. <script src="../src/main.js"></script>
  24. <script src="../lang/zh-CN.js"></script>
  25. </head>
  26. <body>
  27. <h1>KindEditor Dialog Test</h1>
  28. <input type="button" id="create1" value="Create" />
  29. <input type="button" id="create2" value="Create(no shadow)" />
  30. <div style="height:2000px;"></div>
  31. <script>
  32. K('#create1').click(function() {
  33. var dialog = K.dialog({
  34. width : 500,
  35. title : '测试窗口',
  36. body : '<div style="margin:10px;"><strong>内容</strong></div>',
  37. closeBtn : {
  38. name : '关闭',
  39. click : function(e) {
  40. dialog.remove();
  41. }
  42. },
  43. yesBtn : {
  44. name : '确定',
  45. click : function(e) {
  46. alert(this.value);
  47. }
  48. },
  49. noBtn : {
  50. name : '取消',
  51. click : function(e) {
  52. dialog.remove();
  53. }
  54. }
  55. });
  56. });
  57. K('#create2').click(function() {
  58. var dialog = K.dialog({
  59. width : 500,
  60. title : '测试窗口',
  61. body : '<div style="margin:10px;"><strong>内容</strong></div>',
  62. shadowMode : false,
  63. closeBtn : {
  64. name : '关闭',
  65. click : function(e) {
  66. dialog.remove();
  67. }
  68. },
  69. noBtn : {
  70. name : '取消',
  71. click : function(e) {
  72. dialog.remove();
  73. }
  74. }
  75. });
  76. });
  77. K('#create1').click();
  78. </script>
  79. </body>
  80. </html>