You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

151 lines
6.4 KiB

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DemoFile.aspx.cs" Inherits="OT.Web.DemoFile" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5. <title>TEST</title>
  6. <script type='text/javascript' src='/Js/jquery-1.10.2.min.js'></script>
  7. <script type='text/javascript' src='/Js/jquery-ui-1.10.3.custom.min.js'></script>
  8. <script type='text/javascript' src='/Js/jquery-migrate-1.2.1.min.js'></script>
  9. <%-- <script type='text/javascript' src='/Js/jquery-ui-timepicker-addon.js'></script>
  10. <script type='text/javascript' src='/Js/jquery-ui-timepicker-zh-TW.js'></script>--%>
  11. <script type='text/javascript' src='/Js/jquery.artDialog.js?skin=simple'></script>
  12. <script type='text/javascript' src='/Js/iframeTools.js'></script>
  13. <script type='text/javascript' src='/Js/MessageBox.js'></script>
  14. <script type='text/javascript' src='/Js/blockUI.js'></script>
  15. <script type='text/javascript' src='/Js/PageTab.js'></script>
  16. <script type='text/javascript' src='/Js/jquery.floatThead.min.js'></script>
  17. <script type='text/javascript' src='/Js/Common.js'></script>
  18. <%-- <script src="/Js/fileUpload/FileUpload_V1.js" type="text/javascript"></script>--%>
  19. <%-- <script src="/Js/CheckPageChange.js" type="text/javascript"></script>
  20. <script src="/Js/objCommon.js" type="text/javascript"></script>--%>
  21. <!--[if lt IE 9]><script src='/js/html5.js'></script><![endif]-->
  22. <%-- <link href="/Js/fileUpload/css/fileupload_v1.css" type="text/css" rel="stylesheet" />--%>
  23. </head>
  24. <body>
  25. <form id="form1" runat="server">
  26. <div>
  27. <table id="content" class="text-user">
  28. <tr>
  29. <td colspan="2">
  30. Demo程式
  31. </td>
  32. </tr>
  33. <tr>
  34. <td>
  35. <input type="button" id="UploadImg" class="btn" runat="server" value="上傳檔案" />
  36. <asp:HiddenField ID="hidOrganization" runat="server" Value="Origtek" />
  37. <asp:HiddenField ID="hidCreateUser" runat="server" Value="apadmin" />
  38. <asp:HiddenField ID="hidRoleId" runat="server" Value="Admin" />
  39. <asp:HiddenField ID="hidDepId" runat="server" Value="001" />
  40. <asp:HiddenField ID="hidSelectPath" runat="server" Value="/Document/OrigtekFile/Member/" />
  41. <asp:HiddenField ID="hidCurrPath" runat="server" Value="/OrigtekFile/Member/" />
  42. <asp:HiddenField ID="hidCurrId" runat="server" />
  43. </td>
  44. </tr>
  45. </table>
  46. </div>
  47. </form>
  48. </body>
  49. </html>
  50. <script type='text/javascript'>
  51. $(document).ready(function () {
  52. ElementEvent();
  53. bindListen('');
  54. });
  55. function bindListen() {
  56. var ele = window;
  57. if (ele.addEventListener) {
  58. ele.addEventListener('message', ReceiveCallback, false);
  59. //ele.removeEventListener('message');
  60. } else if (window.parent.attachEvent) {
  61. ele.attachEvent('onmessage', ReceiveCallback);
  62. }
  63. }
  64. function ReceiveCallback(e) {
  65. //console.log(e.target);
  66. //if (e.origin == 'http://www.bwt.com.tw') {
  67. var msg = '';
  68. msg = JSON.parse(e.data);
  69. var sendmsg;
  70. if (msg['status'] == 'close') {
  71. if (msg['id'] == 'UploadImg') {
  72. ShowArtAlert('上傳圖檔成功');
  73. sendmsg = { 'filepath': msg['filepath'] };
  74. window.frames[0].postMessage(JSON.stringify(sendmsg), "*");
  75. }
  76. close_art("UploadImg");
  77. return false;
  78. }
  79. else if (msg['status'] == 'leave') {
  80. close_art(msg['id']);
  81. return false;
  82. }
  83. else if (msg['status'] == 'value') {
  84. if (msg['path'] != undefined) {
  85. $('#hidSelectPath').val(msg['path']);
  86. $('#hidCurrId').val(msg.id);
  87. }
  88. else if (msg['hover_path'] != undefined) {
  89. $('#hidHoverPath').val(msg['hover_path']);
  90. $('#hidHoverCurrId').val(msg.id);
  91. }
  92. return false;
  93. }
  94. else if (msg['status'] == 'open') {
  95. if (msg['id'] == 'UploadImg') {
  96. setDialog('UploadImg', 625, 480, true);
  97. }
  98. return false;
  99. }
  100. //}
  101. }
  102. function ElementEvent() {
  103. $('#UploadImg').on('click', function () {
  104. setDialog('UploadImg', 625, 480, false);
  105. return false;
  106. });
  107. }
  108. function setDialog(id, w, h, ishover) {
  109. var argument = '';
  110. if ($('#hidCreateUser').val() != '') { argument += '&org=' + encodeURIComponent($('#hidOrganization').val()) + '&user=' + encodeURIComponent($('#hidCreateUser').val()) + '&role=' + encodeURIComponent($('#hidRoleId').val()) + '&dept=' + encodeURIComponent($('#hidDepId').val()); }
  111. //判斷是不是右鍵選單點選,如果是右鍵選單點選需用hidhoverPath帶值
  112. if (!ishover) {
  113. if ($('#hidSelectPath').val() != '') { argument += '&path=' + $('#hidSelectPath').val(); } //回傳的路徑已經編碼所以不需要在編碼
  114. if ($('#hidCurrId').val() != '') { argument += '&id=' + $('#hidCurrId').val(); }
  115. if ($('#hidCurrPath').val() != '') { argument += '&curr_path=' + $('#hidCurrPath').val(); }
  116. }
  117. else {
  118. if ($('#hidHoverPath').val() != '') { argument += '&path=' + $('#hidHoverPath').val(); } //回傳的路徑已經編碼所以不需要在編碼
  119. if ($('#hidHoverCurrId').val() != '') { argument += '&id=' + $('#hidHoverCurrId').val(); }
  120. }
  121. OpenDialog(id, '/page/doc/' + id + '.aspx?' + argument.substring(1), w, h);
  122. }
  123. function OpenDialog(pop_id, url, w, h) {
  124. $.dialog.open(url, {
  125. // 在open()方法中,init會等待iframe加載完畢後執行
  126. id: pop_id,
  127. width: w,
  128. height: h,
  129. fixed: true,
  130. lock: true,
  131. background: "#CCC", // 背景色
  132. opacity: 0.87, // 透明度
  133. init: function () {
  134. var iframe = this.iframe.contentWindow;
  135. var top = window; // 引用頂層頁面window對象
  136. },
  137. close: function () {
  138. //alert('is close');
  139. }
  140. });
  141. }
  142. </script>