SPZZZ01100_컬러피커.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head><META http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta content="initial-scale=1.0" name="viewport">
  4. <meta content="IE=edge" http-equiv="X-UA-Compatible">
  5. <script type="text/javascript">__LANGUAGE = "kr";__chromeFrame = false;__useBinding=false;__SoonsuViewer=true; htmlwindow=null; htmldocument=null;</script>
  6. <script src="/Soonsu/kr/comsquare/js/Library/Browser.js" type="text/javascript"></script>
  7. <script src="/Soonsu/kr/comsquare/js/Library/Language.js" type="text/javascript"></script>
  8. <script src="/Soonsu/kr/comsquare/js/Library/Define.js" type="text/javascript"></script>
  9. <script src="/Soonsu/kr/comsquare/js/Library/XmlLib.js" type="text/javascript"></script>
  10. <script src="/Soonsu/kr/comsquare/js/Library/HtmlLib.js" type="text/javascript"></script>
  11. <script src="/Soonsu/kr/comsquare/js/Library/HttpClient.js" type="text/javascript"></script>
  12. <script src="/Soonsu/kr/comsquare/js/Library/Graphics.js" type="text/javascript"></script>
  13. <script src="/Soonsu/kr/comsquare/js/Library/Format.js" type="text/javascript"></script>
  14. <script src="/Soonsu/kr/comsquare/js/Library/XpathProcessor.js" type="text/javascript"></script>
  15. <script src="/Soonsu/kr/comsquare/js/Library/ActionEvent.js" type="text/javascript"></script>
  16. <script src="/Soonsu/kr/comsquare/js/Library/jquery-1.7.min.js" type="text/javascript"></script>
  17. <script src="/Soonsu/kr/comsquare/js/XFormsElement.js" type="text/javascript"></script>
  18. <script src="/Soonsu/kr/comsquare/js/global/XFormsStyleSheet.js" type="text/javascript"></script>
  19. <script src="/Soonsu/kr/comsquare/js/global/XFormsWindow.js" type="text/javascript"></script>
  20. <script src="/Soonsu/kr/comsquare/js/global/XFormsDocument.js" type="text/javascript"></script>
  21. <script src="/Soonsu/kr/comsquare/js/global/XFormsModel.js" type="text/javascript"></script>
  22. <script src="/Soonsu/kr/comsquare/js/global/XFormsInstance.js" type="text/javascript"></script>
  23. <script src="/Soonsu/kr/comsquare/js/global/XFormsSubmission.js" type="text/javascript"></script>
  24. <script src="/Soonsu/kr/comsquare/js/global/XFormsBind.js" type="text/javascript"></script>
  25. <script src="/Soonsu/kr/comsquare/js/control/XFormsControl.js" type="text/javascript"></script>
  26. <script src="/Soonsu/kr/comsquare/js/control/XFormsBindableControl.js" type="text/javascript"></script>
  27. <script src="/Soonsu/kr/comsquare/js/control/XFormsCaption.js" type="text/javascript"></script>
  28. <script src="/Soonsu/kr/comsquare/js/control/XFormsGroup.js" type="text/javascript"></script>
  29. <script src="/Soonsu/kr/comsquare/js/control/XFormsCell.js" type="text/javascript"></script>
  30. <script src="/Soonsu/kr/comsquare/js/global/XHtml.js" type="text/javascript"></script>
  31. <script src="/Soonsu/kr/comsquare/js/control/XFormsCalendar.js" type="text/javascript"></script>
  32. <script src="/Soonsu/kr/comsquare/js/control/XFormsButton.js" type="text/javascript"></script>
  33. <script src="/Soonsu/kr/comsquare/js/control/XFormsTextArea.js" type="text/javascript"></script>
  34. <script src="/Soonsu/kr/comsquare/js/control/XFormsInput.js" type="text/javascript"></script>
  35. <script src="/Soonsu/kr/comsquare/js/control/XFormsSecret.js" type="text/javascript"></script>
  36. <script src="/Soonsu/kr/comsquare/js/control/XFormsOutput.js" type="text/javascript"></script>
  37. <script src="/Soonsu/kr/comsquare/js/control/XFormsSelect.js" type="text/javascript"></script>
  38. <script src="/Soonsu/kr/comsquare/js/control/XFormsSelect1.js" type="text/javascript"></script>
  39. <script src="/Soonsu/kr/comsquare/js/control/XFormsLine.js" type="text/javascript"></script>
  40. <script src="/Soonsu/kr/comsquare/js/control/XFormsObject.js" type="text/javascript"></script>
  41. <script src="/Soonsu/kr/comsquare/js/control/XFormsSelectItem.js" type="text/javascript"></script>
  42. <script src="/Soonsu/kr/comsquare/js/control/XFormsImg.js" type="text/javascript"></script>
  43. <script src="/Soonsu/kr/comsquare/js/control/XFormsBool.js" type="text/javascript"></script>
  44. <script src="/Soonsu/kr/comsquare/js/control/XFormsBrowser.js" type="text/javascript"></script>
  45. <script src="/Soonsu/kr/comsquare/js/control/XFormsDataGrid.js" type="text/javascript"></script>
  46. <script src="/Soonsu/kr/comsquare/js/control/XFormsSwitch.js" type="text/javascript"></script>
  47. <script src="/Soonsu/kr/comsquare/js/control/XFormsCase.js" type="text/javascript"></script>
  48. <script src="/Soonsu/kr/comsquare/js/control/XFormsGridCell.js" type="text/javascript"></script>
  49. <script src="/Soonsu/kr/comsquare/js/control/XFormsGridCol.js" type="text/javascript"></script>
  50. <script src="/Soonsu/kr/comsquare/js/control/XFormsIViewer.js" type="text/javascript"></script>
  51. <script src="/Soonsu/kr/comsquare/js/control/XFormsTreeView.js" type="text/javascript"></script>
  52. <script src="/Soonsu/kr/comsquare/js/control/XFormsTreeViewItem.js" type="text/javascript"></script>
  53. <script src="/Soonsu/kr/comsquare/js/control/XFormsTable.js" type="text/javascript"></script>
  54. <script src="/Soonsu/kr/comsquare/js/control/XFormsFile.js" type="text/javascript"></script>
  55. <script src="/Soonsu/kr/comsquare/js/control/XFormsShape.js" type="text/javascript"></script>
  56. <script src="/Soonsu/kr/comsquare/js/control/XFormsImport.js" type="text/javascript"></script>
  57. <script src="/Soonsu/kr/comsquare/js/control/XFormsContextMenu.js" type="text/javascript"></script>
  58. <title>Untitle</title>
  59. <script type="text/javascript">
  60. //<![CDATA[
  61. /* Do not delete or edit the following XForms Scripts.
  62. if you delete or edit it, it may not be normal behavior. */
  63. var model; var html;var head; var model1; var instance1; var body; var grid_colorPicker;
  64. function __getAppName ()
  65. {
  66. return "/Soonsu";
  67. }
  68. function __createElements ()
  69. {
  70. html = new XHtmlHtml(null, "html", "xhtml:html");
  71. head = new XHtmlHead("html", "head", "xhtml:head");
  72. model1 = new XFormsModel("head", false, "model1", "xforms:model");
  73. model = model1;
  74. instance1 = new XFormsInstance("model1", "instance1", false, "xforms:instance", "", "", "\<root\>\<grid_colorpicker\>\<item\/\>\<item\/\>\<item\/\>\<item\/\>\<item\/\>\<item\/\>\<item\/\>\<item\/\>\<item\/\>\<item\/\>\<\/grid_colorpicker\>\<\/root\>");
  75. body = new XHtmlBody("html", "", "", "", "", true, "", false, "body", -1, "scroll", "", "", "", "", "auto", "", "xhtml:body", "visible");
  76. grid_colorPicker = new XFormsDataGrid("body", "", "", "", false, true, true, false, false, "", "", "", "", "", "^", "100", "", "xml", 10, "", false, false, false, false, "", "", 0, "transparent", "", 0, 0, 0, "grid_colorPicker", "", "", "", "bycolrec", true, "/root/grid_colorpicker/item", "", "", false, false, "", "20", 0, "|", "", "invert", "invert", "listbox", "above", "left:0px; top:0px; width:102px; height:202px; border-color:#c0c0c0; border-style:solid; ", "xforms:datagrid", "", "", "visible", "","nodeset:/root/grid_colorpicker/item;");
  77. var objGridCol = new XFormsGridCol("grid_colorPicker", true, true, "", "true,false", "", 1, false, true, true, "", "", "", "grid_colorPicker_col_0", "", -1, true, "", "", -1, -1, "default", "item", "", 0, 1, "auto", -1, "*", -1, "", false, "", false, "", "xforms:col", "output", "", "", false, "visible","");
  78. grid_colorPicker.appendColumn(objGridCol);
  79. }
  80. function __addEventListener ()
  81. {
  82. model.addEventListener("xforms-model-construct-done", "xforms_model_construct_done_model", "", "");
  83. grid_colorPicker.addEventListener("onclick", "grid_colorPicker_onclick_model", "", "");
  84. }
  85. //]]>
  86. </script>
  87. <script type="text/javascript">
  88. //<![CDATA[
  89. function xforms_model_construct_done_model (event)
  90. {
  91. var style = new Array("#fcd2c1" , "#ffe79d" , "#f3e1bf" , "#c6b3de" , "#b9e5fb" , "#f7a08b" , "#fec34d" , "#dec6a4" , "#c8e67b" , "#43c8f5" );
  92. for(var i = 0; i<style.length; i++) {
  93. grid_colorPicker.setCellStyle("background-color", i, 0, style[i]);
  94. }
  95. }
  96. function grid_colorPicker_onclick_model (m_event)
  97. {
  98. _pWinObj = parent.window;
  99. _pGridObj = _pWinObj._gridObj;
  100. var selectedColor = grid_colorPicker.cellStyle("background-color", grid_colorPicker.row, 0);
  101. var pGridSelMode = _pGridObj.selectionMode;
  102. var returnColorState = "";
  103. var i;
  104. if(pGridSelMode == "free") {
  105. var cellCollection = _pGridObj.selectedCells;
  106. var cell;
  107. for(i=0; i<cellCollection.length; i++) {
  108. cell = cellCollection.item(i);
  109. _pGridObj.setCellStyle("background-color", cell.row, cell.col, selectedColor);
  110. returnColorState += selectedColor + "^" + cell.row + "^" + cell.col + "|";
  111. }
  112. }
  113. else if(pGridSelMode == "list" || pGridSelMode == "byrow") {
  114. var row;
  115. for(i=0; i<_pGridObj.selectedRows; i++) {
  116. row = _pGridObj.selectedRow(i);
  117. _pGridObj.rowstyle(row, "data", "background-color") = selectedColor;
  118. returnColorState += selectedColor + "^" + row + "|";
  119. }
  120. }
  121. setColorState(returnColorState);
  122. _pWinObj.iviewer_colorPicker.setAttribute("height", 0);
  123. }
  124. var _pWinObj;
  125. var _pGridObj;
  126. function setColorState(colorState) {
  127. var pGridObj_statenode = _pGridObj.attribute["_statenode"];
  128. var pGridStateNodePath = "";
  129. var pGridStateNode;
  130. if(pGridObj_statenode != "") {
  131. pGridStateNodePath = pGridObj_statenode
  132. pGridStateNode = _pWinObj.instance1.selectSingleNode(pGridStateNodePath);
  133. }
  134. else if(pGridObj_statenode == "") {
  135. var pGridObjNodeSet = _pGridObj.attribute["nodeset"];
  136. var pGridObjNodeSetParentNodePath = "";
  137. var pGridObjNodeSetArray = pGridObjNodeSet.split("/");
  138. for(var i=1; i<pGridObjNodeSetArray.length-1; i++) {
  139. pGridObjNodeSetParentNodePath += "/" + pGridObjNodeSetArray[i];
  140. }
  141. var pGridSelMode = _pGridObj.selectionMode;
  142. var nodeName = "state";
  143. if(pGridSelMode == "free") {
  144. nodeName = "cellState";
  145. }
  146. else if(pGridSelMode == "list" || pGridSelMode == "byrow") {
  147. nodeName = "rowState";
  148. }
  149. pGridStateNodePath = pGridObjNodeSetParentNodePath + "/" + nodeName;
  150. pGridStateNode = _pWinObj.instance1.selectSingleNode(pGridStateNodePath);
  151. }
  152. var pGridStateNodeValue = "";
  153. if(pGridStateNode == null)
  154. _pWinObj.model.makeNode(pGridStateNodePath);
  155. else
  156. pGridStateNodeValue = _pWinObj.model.getValue(pGridStateNodePath);
  157. pGridStateNodeValue += colorState;
  158. _pWinObj.model.setValue(pGridStateNodePath, pGridStateNodeValue);
  159. }
  160. //]]>
  161. </script></head>
  162. <body id="HE_body" onload="XFormsModel.onload();" onunload="XFormsModel.onunload();" style="width:100%; height:100%; margin:0px; visibility:hidden; ">
  163. <div id="HE_grid_colorPicker" ondblclick="" onkeydown="" onkeypress="" onkeyup="" onmousedown="" onmousemove="" onmouseup="" style="position:absolute; left:0px; top:0px; width:102px; height:202px; border-color:#c0c0c0; border-style:solid; border-width:1px; border-style:solid; overflow:hidden; "><div id="HE_grid_colorPicker_HLine" style="position:absolute; left:0px; top:0px; height:100%; width:1px; border-left:1px dashed #000000; font-size:0; visibility:hidden; z-index:10; "></div><div id="HE_grid_colorPicker_VLine" style="position:absolute; left:0px; top:0px; height:1px; width:100%; border-top:1px dashed #000000; font-size:0; visibility:hidden; z-index:10; "></div><div id="HE_grid_colorPicker_MoveColBar" style="position:absolute; left:0px; top:0px; height:20px; width:100px; font-size:10pt; font-family:gulim, arial; border-style:solid; border-top-width:0px; border-bottom-width:0px; border-left-width:1px; border-right-width:1px; background-color:#ffffff; filter:alpha(opacity=70); opacity:0.7; display:none; z-index:50; "></div><div id="HE__DATAGRID_WHOLE_grid_colorPicker" onscroll="XFormsWindow.onProcessEvent(event, &quot;onscroll&quot;, &quot;grid_colorPicker&quot;)" style="position:absolute; left:0px; top:0px; height:100%; width:100%; overflow:auto; text-align:left; "><table border="0" cellpadding="0" cellspacing="0" id="HE__DATAGRID_WHOLE_TABLE_grid_colorPicker" onselectstart="return false" style="-moz-user-select:none; table-layout:fixed; " width="100px"><colgroup id="HE__DATAGRID_WHOLE_COLGROUPgrid_colorPicker"><col style="width:100px; "></colgroup><tbody id="HE__DATAGRID_WHOLE_TBODYgrid_colorPicker"></tbody></table></div><div id="HE__DATAGRID_FIXED_FROZEN_SCROLLING_ROWgrid_colorPicker" style="position:absolute; left:0px; top:0px; overflow:hidden; "><table border="0" cellpadding="0" cellspacing="0" height="100%" id="HE__DATAGRID_FFS_TABLE_grid_colorPicker" onselectstart="return false" style="-moz-user-select:none; table-layout:fixed; " width="100px"><colgroup id="HE__DATAGRID_FFS_COLGROUPgrid_colorPicker"><col style="width:100px; "></colgroup><tbody id="HE__DATAGRID_FFS_TBODYgrid_colorPicker"></tbody></table></div><div id="HE__DATAGRID_FIXED_FROZEN_NOSCROLLING_ROWgrid_colorPicker" style="position:absolute; left:0px; top:0px; overflow:hidden; "><table border="0" cellpadding="0" cellspacing="0" height="100%" id="HE__DATAGRID_FFNS_TABLE_grid_colorPicker" onselectstart="return false" style="-moz-user-select:none; table-layout:fixed; " width="100%"><colgroup id="HE__DATAGRID_FFN_COLGROUPgrid_colorPicker"></colgroup><tbody id="HE__DATAGRID_FFN_TBODYgrid_colorPicker"></tbody></table></div><div id="HE__DATAGRID_FIXED_FROZEN_COLgrid_colorPicker" style="position:relative; left:0px; overflow:hidden; "><table border="0" cellpadding="0" cellspacing="0" id="HE__DATAGRID_FFC_TABLE_grid_colorPicker" onselectstart="return false" style="-moz-user-select:none; table-layout:fixed; " width="100%"><colgroup id="HE__DATAGRID_FFCOL_COLGROUPgrid_colorPicker"></colgroup><tbody id="HE__DATAGRID_FFCOL_TBODYgrid_colorPicker"></tbody></table></div></div>
  164. <form action="/Soonsu/FileUpload.tfs" enctype="multipart/form-data" id="HE___TF_UploadForm" method="post" style="display:none; " target="HE___TF_UploadFrame_5952"></form>
  165. <iframe id="HE___TF_UploadFrame" name="HE___TF_UploadFrame_5952" style="display:none; position:absolute; "></iframe>
  166. <iframe id="HE___TF_ImageUploadFrame" name="HE___TF_ImageUploadFrame" style="display:none; position:absolute; "></iframe>
  167. <iframe id="HE___TF_LoadExcel" name="HE___TF_LoadExcel" style="display:none; position:absolute; "></iframe>
  168. <form action="/Soonsu/ExcelSave.tfs" enctype="multipart/form-data" id="HE___TF_ExcelDownload" method="post" style="display:none; " target="HE___TF_UploadFrame_5952"><input id="HE___TF_ExcelDownload_Name" name="Name" type="hidden"><input id="HE___TF_ExcelDownload_Data" name="Data" type="hidden"></form></body>
  169. </html>