common.js 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754
  1. var childWin = [];
  2. var alarmTimer;
  3. // DOM 생성시
  4. $(document).ready(function()
  5. {
  6. init();
  7. });
  8. // 초기화
  9. function init()
  10. {
  11. // $.browser 생성
  12. $.browser = {};(function () {jQuery.browser.msie = false;$.browser.version = 0;if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {$.browser.msie = true;jQuery.browser.version = RegExp.$1;}})();
  13. // CSRF 토큰 등록
  14. $.ajaxSetup({
  15. headers: {
  16. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  17. }
  18. });
  19. // 이미지가 출력되지 않을때 기본 이미지 출력
  20. $(document).on("error", "img", function () {
  21. $(this).unbind('error').attr("src", BASE_URL + "/images/default/no_image.png");
  22. });
  23. // document.body.onclick = function () { // 클릭시 초기화
  24. // regLayer('admin-manage-layer-list');
  25. // regLayer('admin-manage-layer-post');
  26. // regLayer('admin-manage-layer-comment');
  27. // };
  28. stopAlarm();
  29. startAlarm();
  30. // 닫기 클릭 시
  31. $(document).on('close.bs.alert', "#infoList, #errorList, #warningList", function (e) {
  32. e.preventDefault();
  33. $(this).hide();
  34. });
  35. // IE 환경 진입시 edge 로 이동
  36. if (navigator.userAgent.indexOf("Trident") > 0 || /MSIE \d |Trident.*rv:/.test(navigator.userAgent)) {
  37. if (confirm("사용하고 계신 브라우저는 더 이상 지원하지 않습니다. 엣지 브라우저에서 확인 가능합니다.\n엣지 브라우저로 이동합니다.\n(엣지 브라우저가 켜지지 않을 경우 브라우저 설치 여부 및 설정을 확인해주세요.)") == true) {
  38. window.location = 'microsoft-edge:' + BASE_URL + '/login'
  39. }
  40. }
  41. }
  42. // Ajax 오류 처리
  43. function procErrorEvent(xhr, status, err)
  44. {
  45. let msg = "오류가 발생했습니다. 관리자에게 문의하십시오.\nError code: " + String(xhr.status) + ", message: " + err;
  46. alert(msg);
  47. console.log(msg);
  48. console.log(status);
  49. switch(xhr.status) {
  50. case 419:
  51. location.reload();
  52. break;
  53. }
  54. }
  55. // 로그인 여부 확인
  56. function loginCheck()
  57. {
  58. if(IS_USER) {
  59. return true;
  60. }
  61. return $.ajax({
  62. url: BASE_URL + "/api/loginCheck",
  63. type: "GET",
  64. cache: false,
  65. async: false,
  66. dataType: "json",
  67. success: function (res) {
  68. if(!res) {
  69. if (confirm("로그인 후 이용하실 수 있습니다.\n로그인 화면으로 이동하시겠습니까?")) {
  70. location.href = BASE_URL + "/login?callback=" + location.href;
  71. }
  72. }
  73. },
  74. error: function (xhr, status, err) {
  75. procErrorEvent(xhr, status, err);
  76. }
  77. }).responseJSON;
  78. }
  79. $.datepicker.setDefaults({
  80. inline: true,
  81. showMonthAfterYear: true,
  82. showOtherMonths: false,
  83. selectOtherMonths: true,
  84. dateFormat: 'yy-mm-dd',
  85. prevText: '이전 달',
  86. nextText: '다음 달',
  87. monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
  88. monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
  89. dayNames: ['일', '월', '화', '수', '목', '금', '토'],
  90. dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],
  91. dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
  92. yearSuffix: '년',
  93. buttonText: '선택',
  94. changeMonth: true,
  95. changeYear: true
  96. });
  97. // 윈도우 팝업 닫기
  98. $(document).on("click", ".window-close", function () {
  99. window.close();
  100. });
  101. function showInfoAlarm(){
  102. let infoList = $("#infoList");
  103. if(infoList.is(":hidden")){
  104. infoList.show();
  105. }
  106. }
  107. function showErrorAlarm(){
  108. let errorList = $("#errorList");
  109. if(errorList.is(":hidden")){
  110. errorList.show();
  111. }
  112. }
  113. function showWarningAlarm(){
  114. let warningList = $("#warningList");
  115. if(warningList.is(":hidden")){
  116. warningList.show();
  117. }
  118. }
  119. // 알람 메시지 표시
  120. function startAlarm(){
  121. alarmTimer = setInterval(function () {
  122. let infoList = $("#infoList");
  123. let errorList = $("#errorList");
  124. let warningList = $("#warningList");
  125. if (!infoList.is(":hidden")) {
  126. infoList.hide();
  127. }
  128. if (!errorList.is(":hidden")) {
  129. errorList.hide();
  130. }
  131. if (!warningList.is(":hidden")) {
  132. warningList.hide();
  133. }
  134. }, 30000);
  135. }
  136. // 알림 메시지 숨김
  137. function stopAlarm() {
  138. clearInterval(alarmTimer);
  139. }
  140. // $('[data-toggle="popover"]').click(function (e) {
  141. // e.stopPropagation();
  142. // });
  143. //
  144. // $(document).click(function (e) {
  145. // if (($('[data-toggle="popover"]').has(e.target).length == 0) || $(e.target).is('.close')) {
  146. // $('[data-toggle="popover"]').popover('hide');
  147. // }
  148. // });
  149. // 열린 자식 창 모두 닫기
  150. function closeAllWindows() {
  151. for (let i = 0; i < childWin.length; i++) {
  152. if (childWin[i] && !childWin[i].closed) childWin[i].close();
  153. }
  154. window.close();
  155. }
  156. // 숫자 입력처리시 콤마가 입력된 상황에서 FORM SUBMIT 처리시 콤마를 강제로 제거한다.
  157. function onlyInputUnComma(form) {
  158. if (form) {
  159. let inputs = form.getElementsByClassName("only-digits-input");
  160. if (inputs.length > 0) {
  161. for (let i in inputs) {
  162. if(typeof inputs[i].value == "undefined") {
  163. continue;
  164. }
  165. console.log(inputs[i].value);
  166. inputs[i].value = uncomma(inputs[i].value);
  167. }
  168. }
  169. }
  170. return true;
  171. }
  172. // 관리 메뉴 숨김
  173. $(document).on('mouseleave', '.admin-manage-layer', function () {
  174. $(this).css('display', 'none');
  175. });
  176. // 검색어 레이어 닫기
  177. $(document).mouseup(function(e) {
  178. let search_layer = $(".header-search-keyword");
  179. if (search_layer.css("display") === "block") {
  180. if (!search_layer.is(e.target) && search_layer.has(e.target).length === 0 && e.target.name != "skeyword") {
  181. search_layer.hide();
  182. flip++;
  183. }
  184. }
  185. e.preventDefault();
  186. });
  187. // 숫자만 입력가능(콤바 기능 추가)
  188. $(document).on("keydown keyup focusin focusout", ".only-digits-input", function (e) {
  189. let key;
  190. let event;
  191. switch (e.type) {
  192. case "focusin" :
  193. this.value = uncomma(this.value);
  194. break;
  195. case "focusout" :
  196. var number = this.value || '';
  197. this.value = comma(number);
  198. break;
  199. case "keyup" :
  200. if (window.event) {
  201. key = window.event.keyCode; // IE
  202. } else {
  203. key = e.which; // firefox
  204. }
  205. event = e || window.event;
  206. if (key == 8 || key == 46 || key == 37 || key == 39) {
  207. return;
  208. } else {
  209. event.target.value = event.target.value.replace(/[^0-9-]+/g, "");
  210. }
  211. break;
  212. case "keydown" :
  213. if (window.event) {
  214. key = window.event.keyCode; // IE
  215. } else {
  216. key = e.which; // firefox
  217. }
  218. if (key == 0 || key == 8 || key == 46 || key == 9) {
  219. event = e || window.event;
  220. if (typeof event.stopPropagation != "undefined") {
  221. event.stopPropagation();
  222. } else {
  223. event.cancelBubble = true;
  224. }
  225. return;
  226. }
  227. if (key < 48 || (key > 57 && key < 96) || (key !== 189 && key > 105) || e.shiftKey) {
  228. e.preventDefault ? e.preventDefault() : e.returnValue = false;
  229. }
  230. break;
  231. }
  232. });
  233. // 숫자 + 소수점 2자리까지 입력가능
  234. $(document).on("keyup keypress", ".only-float-input", function(e) { // 키를 눌렀을 때 (한영, 한자등의 특수문자는 인식불가)
  235. let _value = this.value; // 공백제거
  236. let charCode = Number((e.which) ? e.which : e.keyCode);
  237. // 좌우 방향, backspace, delete, tab 는 예외
  238. if (charCode == 8 || charCode == 9 || charCode == 37 || charCode == 39 || charCode == 46) {
  239. return true;
  240. }
  241. if ((charCode > 47 && charCode < 60) || (charCode > 95 && charCode < 106) || charCode == 8 || charCode == 9 || charCode == 16 || charCode == 33 || charCode == 34
  242. || charCode == 35 || charCode == 36 || charCode == 37 || charCode == 38 || charCode == 39 || charCode == 40 || charCode == 46 || charCode == 144) {
  243. if ((charCode > 47 && charCode < 60) || (charCode > 95 && charCode < 106)) {
  244. if (e.shiftKey) {
  245. e.returnValue = false;
  246. }
  247. }
  248. } else {
  249. _value = _value.toString().replace(/[a-zA-Z]/g, ''); // 문자 제거
  250. _value = _value.replace(/[~!@#$%^&*()_+|<>?:{}]/g, ''); // 특수문자 제거
  251. _value = _value.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, ''); // 한글문자 제거
  252. e.returnValue = false;
  253. }
  254. this.value = _value;
  255. });
  256. // 숫자만 입력가능
  257. $(document).on("keydown keyup focusin focusout", ".only-number-input", function (e) {
  258. let key;
  259. let event;
  260. switch(e.type) {
  261. case "keyup" :
  262. if (window.event) {
  263. key = window.event.keyCode; // IE
  264. } else {
  265. key = e.which; // firefox
  266. }
  267. event = e || window.event;
  268. if (key == 8 || key == 46 || key == 37 || key == 39) {
  269. return;
  270. } else {
  271. event.target.value = event.target.value.replace(/[^0-9-]+/g, "");
  272. }
  273. break;
  274. case "keydown" :
  275. if (window.event) {
  276. key = window.event.keyCode; // IE
  277. } else {
  278. key = e.which; // firefox
  279. }
  280. if (key == 0 || key == 8 || key == 46 || key == 9) {
  281. event = e || window.event;
  282. if (typeof event.stopPropagation != "undefined") {
  283. event.stopPropagation();
  284. } else {
  285. event.cancelBubble = true;
  286. }
  287. return;
  288. }
  289. if (key < 48 || (key > 57 && key < 96) || (key !== 189 && key > 105) || e.shiftKey) {
  290. e.preventDefault ? e.preventDefault() : e.returnValue = false;
  291. }
  292. break;
  293. }
  294. });
  295. // 연락처 입력시 `-` 자동 입력
  296. $(document).on("keyup", "input.only-phone-number", function () {
  297. let phone = this.value.trim();
  298. if (phone) {
  299. this.value = autoHypenPhone(phone);
  300. }
  301. });
  302. function redirect(link)
  303. {
  304. location.replace(link);
  305. }
  306. // 사이트 주소 변경
  307. function locationHref(iframe) {
  308. let siteUrlParam = "";
  309. let href = (iframe.contentWindow || iframe.contentDocument || iframe.document).location;
  310. if (typeof href == "undefined" || href == null) {
  311. href = document.location.pathname + document.location.search;
  312. }
  313. if (typeof href != "undefined" || typeof href.pathname != "undefined") {
  314. siteUrlParam = href.pathname + href.search;
  315. }
  316. if (siteUrlParam != 'blank') {
  317. location.hash = siteUrlParam;
  318. }
  319. if (typeof siteUrlParam != "undefined" && siteUrlParam != "" && siteUrlParam != "null" && siteUrlParam != '/') {
  320. window.location.replace("#" + encodeURIComponent(siteUrlParam)); // 메인 사이트 URL 주소 변경
  321. if (navigator.userAgent.indexOf("Firefox") != -1) {
  322. let link = document.createElement("link");
  323. link.type = "image/x-icon";
  324. link.rel = "shortcut icon";
  325. link.href = "/img/play-games-icon.ico";
  326. document.getElementsByTagName("head")[0].appendChild(link);
  327. }
  328. } else {
  329. window.location.replace("");
  330. }
  331. return true;
  332. }
  333. // 콤마 추가
  334. function comma(str) {
  335. return (Math.sign(str) < 0 ? '-' : '') + String(str).replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
  336. }
  337. // 콤마 제거
  338. function uncomma(str) {
  339. return (Math.sign(str) < 0 ? '-' : '') + String(str).replace(/[^\d]+/g, '');
  340. }
  341. // 글자수 검사
  342. function checkByte(content, target, maxLength) {
  343. let list = [];
  344. let textArea = document.getElementById(content);
  345. if (typeof textArea == "undefined" || textArea == null) {
  346. list.push(Array.from(document.getElementsByName(content)));
  347. }
  348. list.push(textArea);
  349. let charCnt = document.getElementById(target);
  350. if (list.length > 0 && maxLength > 0) {
  351. for (let textArea of list) {
  352. if (typeof textArea == "object") {
  353. let length = (textArea.textLength || 0);
  354. if (length > maxLength) {
  355. textArea.value = textArea.value.substr(0, maxLength);
  356. length = textArea.value.length;
  357. }
  358. charCnt.innerText = length.toString();
  359. }
  360. }
  361. }
  362. }
  363. // 텍스트 복사 생성
  364. function copyToClipboard(val) {
  365. try {
  366. let t = document.createElement("textarea");
  367. t.value = val;
  368. document.body.appendChild(t);
  369. t.select();
  370. t.setSelectionRange(0, 99999); // 모바일 브라우저(iOS)등에서 작동하도록 선택 필요!
  371. document.execCommand('copy');
  372. t.setSelectionRange(0, 0);
  373. document.body.removeChild(t);
  374. return true;
  375. } catch (err) {
  376. return false;
  377. }
  378. }
  379. // 우편번호 창
  380. function winZip(frmName, frmZipCode, frmAddress1, frmAddress2, frmAddress3) {
  381. if (typeof daum === 'undefined') {
  382. alert('다음 juso.js 파일이 로드되지 않았습니다.');
  383. return false;
  384. }
  385. let completeFn = function (data) {
  386. // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분.
  387. // 각 주소의 노출 규칙에 따라 주소를 조합한다.
  388. // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.
  389. let fullAddr = ""; // 최종 주소 변수
  390. let extraAddr = ""; // 조합형 주소 변수
  391. // 사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다.focus
  392. if (data.userSelectedType === 'R') { // 사용자가 도로명 주소를 선택했을 경우
  393. fullAddr = data.roadAddress;
  394. } else { // 사용자가 지번 주소를 선택했을 경우(J)
  395. fullAddr = data.jibunAddress;
  396. }
  397. // 사용자가 선택한 주소가 도로명 타입일때 참고항목을 조합한다.
  398. if (data.userSelectedType === 'R') {
  399. // 법정동명이 있을 경우 추가한다. (법정리는 제외)
  400. // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
  401. if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
  402. extraAddr += data.bname;
  403. }
  404. // 건물명이 있고, 공동주택일 경우 추가한다.
  405. if (data.buildingName !== '' && data.apartment === 'Y') {
  406. extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName);
  407. }
  408. // 표시할 참고항목이 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
  409. if (extraAddr !== '') {
  410. extraAddr = ' (' + extraAddr + ')';
  411. }
  412. } else {
  413. extraAddr = "";
  414. }
  415. // 우편번호와 주소 정보를 해당 필드에 넣고, 커서를 상세주소 필드로 이동한다.
  416. let of = document[frmName];
  417. of[frmZipCode].value = data.zonecode;
  418. of[frmAddress1].value = fullAddr;
  419. of[frmAddress3].value = extraAddr;
  420. of[frmAddress2].removeAttribute('readonly');
  421. of[frmAddress2].focus(); // 상세주소
  422. };
  423. let rayerID = 'daum_juso_rayer' + frmZipCode;
  424. let elementLayer = document.getElementById(rayerID);
  425. if (elementLayer === null) {
  426. elementLayer = document.createElement('div');
  427. elementLayer.setAttribute('id', rayerID);
  428. elementLayer.style.cssText = 'display:none;border:1px solid;position:fixed;width:430px;height:460px;left:50%;margin-left:-155px;top:50%;margin-top:-235px;overflow:hidden;-webkit-overflow-scrolling:touch;z-index:10000';
  429. elementLayer.innerHTML = '<img src="//i1.daumcdn.net/localimg/localimages/07/postcode/320/close.png" id="btnCloseLayer" style="cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1" class="close_daum_juso" alt="닫기 버튼"/>';
  430. document.body.appendChild(elementLayer);
  431. jQuery('#' + rayerID).off('click', '.close_daum_juso').on('click', '.close_daum_juso', function (e) {
  432. e.preventDefault();
  433. jQuery(this).parent().hide();
  434. });
  435. }
  436. new daum.Postcode({
  437. oncomplete: function (data) {
  438. completeFn(data);
  439. // iframe을 넣은 element를 안보이게 한다.
  440. elementLayer.style.display = 'none';
  441. },
  442. width: '100%',
  443. height: '100%'
  444. }).embed(elementLayer);
  445. // iframe을 넣은 element를 보이게 한다.
  446. elementLayer.style.display = 'block';
  447. }
  448. // 일시정지 기능, 다.중 업로드 공격 방지
  449. function sleep(num) {//[1/1000초]
  450. let now = new Date();
  451. let stop = now.getTime() + num;
  452. while (true) {
  453. now = new Date();
  454. if (now.getTime() > stop) {
  455. return;
  456. }
  457. }
  458. }
  459. // URL STRING 파라미터 가져오기
  460. function params(name, url) {
  461. if (!url) {
  462. url = location.href;
  463. }
  464. let str = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  465. let regexS = "[\\?&]" + str + "=([^&#]*)";
  466. let regex = new RegExp(regexS);
  467. let results = regex.exec(url);
  468. return results == null ? null : results[1];
  469. }
  470. // 특수문자 입력은 못함
  471. function notSpecialChar(obj) {
  472. let re = /[~!@\#$%^&*\()\-=+_']/gi;
  473. let temp = obj.value;
  474. if (re.test(temp)) { //특수문자가 포함되면 삭제하여 값으로 다시셋팅
  475. obj.value = temp.replace(re, "");
  476. }
  477. }
  478. // 이미지 썸네일 보기
  479. function showPreview(target, prev, w, h) {
  480. let preview = document.getElementById(prev);
  481. let width = (w + "px" || "100%");
  482. let height = (h + "px" || "100%");
  483. let useragent = window.navigator.userAgent;
  484. if (useragent.indexOf("MSIE") > -1) { // IE일때
  485. target.select();
  486. try {
  487. let src = document.selection.createRange().text; // get file full path
  488. let iePreviewError = document.getElementById("iePreviewError_" + preview);
  489. if (iePreviewError) {
  490. preview.removeChild(iePreviewError); // error가 있으면 delete
  491. }
  492. let img = document.getElementById(preview); //이미지가 뿌려질 곳
  493. img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
  494. // 이미지 로딩, sizingMethod는 div에 맞춰서 사이즈를 자동조절 하는 역할
  495. } catch (e) {
  496. if (!document.getElementById("iePreviewError_" + preview)) {
  497. let info = document.createElement("<p>");
  498. info.id = "iePreviewError_" + preview;
  499. info.hidden = true;
  500. info.innerHTML = "a";
  501. preview.insertBefore(info, null);
  502. }
  503. }
  504. } else { // IE가 아닐때
  505. let files = target.files;
  506. for (let i = 0; i < files.length; i++) {
  507. let file = files[i];
  508. let imageType = /image.*/; //이미지 파일일 경우만 뿌려준다.
  509. if (!file.type.match(imageType)) {
  510. continue;
  511. }
  512. let prevImg = document.getElementById("prev_" + preview.id); // 이전에 미리보기가 있다면 삭제
  513. if (prevImg) {
  514. preview.removeChild(prevImg);
  515. }
  516. preview.innerHTML = "";
  517. let img = document.createElement("img"); // 크롬은 div에 이미지가 뿌려지지 않는다. 그래서 자식 Element를 만든다.
  518. img.id = "prev_" + preview.id;
  519. img.classList.add("obj");
  520. img.file = file;
  521. if (width) {
  522. img.style.width = width; // 기본설정된 div의 안에 뿌려지는 효과를 주기 위해서 div크기와 같은 크기를 지정해준다.
  523. }
  524. if (height) {
  525. img.style.height = height;
  526. }
  527. preview.appendChild(img);
  528. if (window.FileReader) { // FireFox, Chrome, Opera 확인.
  529. let reader = new FileReader();
  530. reader.onloadend = (function (aImg) {
  531. return function (e) {
  532. aImg.src = e.target.result;
  533. };
  534. })(img);
  535. reader.readAsDataURL(file);
  536. } else { // safari is not supported FileReader
  537. alert("해당 브라우저 `FileReader`를 지원하지 않습니다.");
  538. return false;
  539. }
  540. }
  541. }
  542. }
  543. // 이미지 썸네일 삭제
  544. function delPreview(input, preview) {
  545. let $inputFile = document.getElementById(input);
  546. let $preview = document.getElementById(preview);
  547. if ($.browser.msie) { // IE 일때
  548. $($inputFile).replaceWith($($inputFile).clone(true));
  549. } else {
  550. $($inputFile).val("");
  551. }
  552. $preview.innerHTML = ""; // 미리보기 삭제
  553. }
  554. // URL 파라미터 가져오기
  555. $.urlParam = function (name) {let results = new RegExp('[\?&amp;]' + name + '=([^&amp;#]*)').exec(window.location.href);if (typeof results != "undefined" && results != "" && results != null) {return (results[1] || results[0]);} else return null;};
  556. $.fn.textWidth = function(text, font) {if (!$.fn.textWidth.fakeEl) $.fn.textWidth.fakeEl = $('<span>').hide().appendTo(document.body);$.fn.textWidth.fakeEl.text(text || this.val() || this.text()).css('font', font || this.css('font'));return $.fn.textWidth.fakeEl.width();};
  557. // 브라우저 조회
  558. function getUserAgent() {return -1 !== navigator.userAgent.indexOf("MSIE") ? "IE" : -1 !== navigator.userAgent.indexOf("Firefox") ? "FF" : -1 !== navigator.userAgent.indexOf("Mozilla") ? "MZ" : -1 !== navigator.userAgent.indexOf("Opera") ? "OP" : -1 !== navigator.userAgent.indexOf("Safari") ? "SF" : -1 !== navigator.userAgent.indexOf("Mac") ? "MC" : "NG"}
  559. // 단말기 구분
  560. function getPlatformType() {if(navigator.userAgent.match(/mobile/i)) {return 'MOBILE';} else if (navigator.userAgent.match(/iPad|Android|Touch/i)) {return 'TABLET';} else return 'PC';}
  561. // 숫자만 반환
  562. function getOnlyDigit(value) {if (value) value = Number(value.replace(/[^0-9]/g, ''));return value;}
  563. // 입력과 동시에 (,) 콤마찍기
  564. function inputNumberFormat(obj) {if (typeof obj.value == "undefined") return false;let str = obj.value;str = String(str);str = str.replace(/[^\d]+/g, '');str = String(str);str = str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');obj.value = str;};
  565. // 처리중 표시
  566. function showLoading() {document.getElementById('loading').style.display = "block";}
  567. // 처리중 숨김
  568. function hideLoading() {document.getElementById('loading').style.display = "none";}
  569. // 바깥 영역 클릭시 레이어 닫기
  570. function regLayer(target) {let obj = (document.getElementById(target) || document.getElementsByClassName(target)[0]);let e = (window.event || arguments.callee.caller.arguments[0]);let eobj = (e.target ? e.target : e.srcElement);while (eobj.parentNode) {if (eobj === obj) return false;eobj = eobj.parentNode;}closeLayer(target);};
  571. // 열린 레이어를 닫는다.
  572. function closeLayer(target) {let obj = (document.getElementById(target) || document.getElementsByClassName(target)[0]);if (obj) obj.style.display = 'none';}
  573. // Tag 번호를 찾아낸다.
  574. function getIndex(el) {let index = -1;let a = el.getAttribute("id");let b = el.getAttribute("class");let c = el.getAttribute("name");if (a) {index = Array.from(document.querySelectorAll("#" + a)).indexOf(el);} else if (b) {index = Array.from(document.querySelectorAll("." + b)).indexOf(el);} else if (c) index = Array.from(document.querySelectorAll("[name='" + c + "']")).indexOf(el);return index;}
  575. // 이메일 유효 확인
  576. function validateEmail(s) {return /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(s);}
  577. // 파일 크기 반환 (byte 단위)
  578. function uploadFileSize(file) {if (!file.value) return 0;/* 브라우저 확인*/var browser = navigator.appName;var fileSize = 0;/* 익스플로러일 경우*/if (browser === "Microsoft Internet Explorer") {fileSize = new ActiveXObject("Scripting.FileSystemObject").getFile(file.value).size;} else { /* 익스플로러가 아닐경우*/fileSize = file.files[0].size;}return fileSize;}
  579. // 파일의 크기를 읽기 편한 크기로 변환
  580. function formatBytes(bytes, decimals) {if (bytes === 0) return '0';var k = 1024, dm = decimals || 2, sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k));return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + '' + sizes[i];}
  581. // 데이터 직렬화
  582. function makeSerializable(elem) { return $(elem).prop('elements', $('*', elem).andSelf().get()); }
  583. // 상단으로 이동
  584. function backToTop() {location.href = "#header";}
  585. // 팝업창 가운데 열기
  586. function popupCenter(url, title, w, h) {let dualScreenLeft = ((typeof window.screenLeft != "undefined") ? window.screenLeft : screen.left);let dualScreenTop = ((typeof window.screenTop != "undefined") ? window.screenTop : screen.top);let width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;let height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;let left = ((width / 2) - (w / 2)) + dualScreenLeft;let top = ((height / 2) - (h / 2)) + dualScreenTop;let newWindow = window.open(url, title, 'width=' + w + ', height=' + h + ', top=' + top + ', left=' + left + ', channelmode=0,fullscreen=0,location=0,menubar=0,scrollbars=1,toolbar=0,status=1,resizeable=0');if (newWindow != null && !newWindow.closed) newWindow.focus();return newWindow;};
  587. // 할인가 계산
  588. function discountPrice(price, discountType, discountValue) {if (discountType == 2) { /* 원*/return Number(price - discountValue);} else if (discountType == 1) { /* %*/discountValue = (discountValue > 100 ? 100 : discountValue);return (discountValue > 0) ? Number((price * discountValue) / 100) : price;} else return 0;}
  589. // 전체값의 일부값은 몇 퍼센트 구하는 공식
  590. function discountPart(total, part) {return Math.round((part / total) * 100);}
  591. // 전체값의 몇 퍼센트 구하는 공식
  592. function discountPer(total, per) {return Math.round((total * per) / 100);}
  593. // 숫자를 몇 퍼센트 증가하는 공식
  594. function discountAddPer(total, per) {return Math.round(total * (1 + per / 100));}
  595. // 숫자를 몇 퍼센트 감소하는 공식
  596. function discountDimPer(total, per) {return Math.round(total * (1 - per / 100));}
  597. // 연락처 `-` 자동입력
  598. function autoHypenPhone(str) {str = str.replace(/[^0-9]/g, '');var tmp = '';if (str.length < 4) {return str;} else if (str.length < 7) {tmp += str.substr(0, 3);tmp += '-';tmp += str.substr(3);return tmp;} else if (str.length < 11) {tmp += str.substr(0, 3);tmp += '-';tmp += str.substr(3, 3);tmp += '-';tmp += str.substr(6);return tmp;} else {tmp += str.substr(0, 3);tmp += '-';tmp += str.substr(3, 4);tmp += '-';tmp += str.substr(7);return tmp;}return str;}
  599. // PHP array_column
  600. function arrayColumn(matrix, col) {var column = [];for (var i = 0; i < matrix.length; i++) column.push(matrix[i][col]);return column;}
  601. // PHP array_filter
  602. if (!Array.prototype.filter) {Array.prototype.filter = function(fun/*, thisArg*/) {'use strict';if (this === void 0 || this === null) {throw new TypeError();}var t = Object(this);var len = t.length >>> 0;if (typeof fun !== 'function') {throw new TypeError();}var res = [];var thisArg = arguments.length >= 2 ? arguments[1] : void 0;for (var i = 0; i < len; i++) {if (i in t) {var val = t[i];if (fun.call(thisArg, val, i, t)) {res.push(val);}}}return res;};}
  603. // URL 에서 해당 파라미터 삭제
  604. function removeUrlParameter(url, parameter) {var urlParts = url.split('?');if (urlParts.length >= 2) {var urlBase = urlParts.shift();var queryString = urlParts.join('?');var prefix = encodeURIComponent(parameter) + '=';var parts = queryString.split(/[&;]/g);for (var i = parts.length; i-- > 0;) {if (parts[i].lastIndexOf(prefix, 0) !== -1) {parts.splice(i, 1);}}url = urlBase + '?' + parts.join('&');}return url;}
  605. // 천단위 `,` 추가
  606. function numberFormat(data) {if (isNaN(data) || data === null || typeof data === "undefined") {return 0;}/* 숫자 타입에서 쓸 수 있도록 format() 함수 추가*/Number.prototype.format = function () {if (this == 0) {return 0;}var reg = /(^[+-]?\d+)(\d{3})/;var n = (this + '');while (reg.test(n)) {n = n.replace(reg, '$1' + ',' + '$2');}return n;};/* 문자열 타입에서 쓸 수 있도록 format() 함수 추가*/String.prototype.format = function () {var num = parseFloat(this);if (isNaN(num)) return "0";return num.format();};return data.format();}
  607. // 날짜 형식을 맞춰 반환 0000-00-00
  608. function getDateFormat(date) {return date.getFullYear() + '-' + (((date.getMonth() + 1) < 10) ? '0' : '') + (date.getMonth() + 1) + '-' + ((date.getDate() < 10) ? '0' : '') + date.getDate();}
  609. // 날짜 계산
  610. function strtotime(sDate, v, t) {var yy = parseInt(sDate.substr(0, 4), 10);var mm = parseInt(sDate.substr(5, 2), 10);var dd = parseInt(sDate.substr(8), 10);var d;if (t == "d") {d = new Date(yy, mm - 1, dd + v);} else if (t == "m") {d = new Date(yy, mm - 1 + v, dd);} else if (t == "y") {d = new Date(yy + v, mm - 1, dd);} else {d = new Date(yy, mm - 1, dd + v);}yy = d.getFullYear();mm = d.getMonth() + 1;mm = (mm < 10) ? '0' + mm : mm;dd = d.getDate();dd = (dd < 10) ? '0' + dd : dd;return '' + yy + '-' + mm + '-' + dd;}
  611. // 숫자와 소수점만 반환
  612. function getRateNumber(str) {return str.replace(/[^\.0-9]/g, "");}
  613. // 한글제거 후 반환
  614. function delHangle(str) {var regExp = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g;if (str && regExp.test(str)) {str = str.replace(regExp, "");}return str;}
  615. // 글자길이 반환
  616. function getByteLength(input) {var byteLength = 0;for (var inx = 0; inx < input.value.length; inx++) {var oneChar = escape(input.value.charAt(inx));if (oneChar.length == 1) {byteLength++;} else if (oneChar.indexOf("%u") != -1) {byteLength += 2;} else if (oneChar.indexOf("%") != -1) {byteLength += oneChar.length / 3;}}return byteLength;}
  617. // 선택된 라디오버튼이 있는지 체크
  618. function hasCheckedRadio(input) {if (input.length > 1) {for (var inx = 0; inx < input.length; inx++) {if (input[inx].checked) return true;}} else {if (input.checked) return true;}return false;}
  619. // 선택된 체크박스가 있는지 체크
  620. function hasCheckedBox(input) {return hasCheckedRadio(input);}
  621. // 문자열을 find문자열을 찾아서 rps로 대체
  622. function replaceStr(str, find, rps) {var reg = new RegExp(find, "ig");return str.replace(reg, rps);}
  623. // 숫자를 1000단위 콤마로 구분된 문자열로 반환
  624. function moneyFormat(num) {var comma = new RegExp("([0-9])([0-9][0-9][0-9][,.])");var data = String(num).split(".");data[0] += ".";do {data[0] = data[0].replace(comma, "$1,$2");} while (comma.test(data[0]));if (data.length > 1) return data.join(""); else return data[0].split(".")[0];}
  625. // 1000단위 콤마로 구분된 문자열를 숫자로 반환
  626. function moneyToNum(str) {var num = replace_str(String(str), ",", "");return Number(num);}
  627. // 숫자 num을 n자릿수까지 반올림
  628. function roundX(num, n) {/* 1234.675, 2 -> 1234.68*/var i = Math.pow(10, n);return Math.round(num * i) / i;}
  629. // 숫자 num을 n자릿수까지 올림
  630. function ceilX(num, n) {/* 1234.674, 2 -> 1234.68*/var i = Math.pow(10, n);return Math.ceil(num * i) / i;}
  631. // 숫자 num을 n자릿수까지 내림
  632. function floorX(num, n) {/* 1234.675, 2 -> 1234.67*/var i = Math.pow(10, n);return Math.floor(num * i) / i;}
  633. // 공백 제거
  634. function trim(s) {var t = '';var from_pos = 0;var to_pos = 0;for (var i = 0; i < s.length; i++) {if (s.charAt(i) === ' ') {continue;} else {from_pos = i;break;}}for (var i = s.length; i >= 0; i--) {if (s.charAt(i - 1) === ' ') {continue;} else {to_pos = i;break;}}t = s.substring(from_pos, to_pos);return t;}
  635. // 왼쪽에 위치한 whitespace 문자를 제거
  636. function ltrim(str) {return str.replace(/^\s+/, "");}
  637. // 오른쪽에 위치한 whitespace 문자를 제거
  638. function rtrim(str) {return str.replace(/\s+$/, "");}
  639. // 주어진 문자열의 왼쪽을 padding 문자로 채운다
  640. function lpad(str, n, padding) {if (str.length >= n) return str; else {var len = n - str.length;var pad_str = str;for (var i = 0; i < len; i++) pad_str = padding + pad_str;return pad_str;}}
  641. // 주어진 문자열의 오른쪽을 padding 문자로 채운다
  642. function rpad(str, n, padding) {if (str.length >= n) return str; else {var len = n - str.length;var pad_str = str;for (var i = 0; i < len; i++) {pad_str = pad_str + padding;}return pad_str;}}
  643. // 특정문자의 개수
  644. function countCharacter(word, ch) {var count = 0;for (var i = 0; i < word.length; i++) {if (word[i].toUpperCase() === ch.toUpperCase()) {count++;}}return count;}