dialog.htm 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title></title>
  5. <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  6. <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  7. <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  8. <script src="../../lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
  9. <script src="../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
  10. <script src="../../lib/ligerUI/js/plugins/ligerWindow.js" type="text/javascript"></script>
  11. <script src="../../lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
  12. <style type="text/css">
  13. </style>
  14. <script type="text/javascript">
  15. var wincount = 0;
  16. function title() {
  17. return '窗口' + ++wincount;
  18. }
  19. function f_open1() {
  20. $.ligerWindow.show({ target: $("#target1").clone(), width: 400, height: 240, title: title() });
  21. }
  22. function f_open2() {
  23. $.ligerDialog.open({ height: 200, url: '../../welcome.htm', width: null, showMax: true, showToggle: true, showMin: true, isResize: true, modal: false, title: title() });
  24. }
  25. </script>
  26. </head>
  27. <body style="padding: 10px; overflow:hidden;">
  28. <div id="target1" style="width: 200px; margin: 3px; display: none;">
  29. <h3>
  30. 提示文本标题</h3>
  31. <div>
  32. 这里是目标容器的内容,执行open({target:$("#target1")});<br />
  33. 以后将把这段内容以ligerDialog的方式加载并显示
  34. </div>
  35. </div>
  36. <div class="l-case-title">
  37. 实例一
  38. </div>
  39. <input type="button" onclick="f_open1()" value="open window" />
  40. <input type="button" onclick="f_open2()" value="open dialogwindow" />
  41. <div style="display: none;">
  42. </div>
  43. </body>
  44. </html>