/** * @file common.js * @author NAVER (developers@xpressengine.com) * @brief 몇가지 유용한 & 기본적으로 자주 사용되는 자바스크립트 함수들 모음 **/ /* jQuery 참조변수($) 제거 */ if(jQuery) jQuery.noConflict(); (function($) { /* OS check */ var UA = navigator.userAgent.toLowerCase(); $.os = { Linux: /linux/.test(UA), Unix: /x11/.test(UA), Mac: /mac/.test(UA), Windows: /win/.test(UA) }; $.os.name = ($.os.Windows) ? 'Windows' : ($.os.Linux) ? 'Linux' : ($.os.Unix) ? 'Unix' : ($.os.Mac) ? 'Mac' : ''; /** * @brief XE 공용 유틸리티 함수 * @namespace XE */ window.XE = { loaded_popup_menus : [], addedDocument : [], /** * @brief 특정 name을 가진 체크박스들의 checked 속성 변경 * @param [itemName='cart',][options={}] */ checkboxToggleAll : function(itemName) { if(!is_def(itemName)) itemName='cart'; var obj; var options = { wrap : null, checked : 'toggle', doClick : false }; switch(arguments.length) { case 1: if(typeof(arguments[0]) == "string") { itemName = arguments[0]; } else { $.extend(options, arguments[0] || {}); itemName = 'cart'; } break; case 2: itemName = arguments[0]; $.extend(options, arguments[1] || {}); } if(options.doClick === true) options.checked = null; if(typeof(options.wrap) == "string") options.wrap ='#'+options.wrap; if(options.wrap) { obj = $(options.wrap).find('input[name="'+itemName+'"]:checkbox'); } else { obj = $('input[name="'+itemName+'"]:checkbox'); } if(options.checked == 'toggle') { obj.each(function() { $(this).attr('checked', ($(this).attr('checked')) ? false : true); }); } else { if(options.doClick === true) { obj.click(); } else { obj.attr('checked', options.checked); } } }, /** * @brief 문서/회원 등 팝업 메뉴 출력 */ displayPopupMenu : function(ret_obj, response_tags, params) { var target_srl = params.target_srl; var menu_id = params.menu_id; var menus = ret_obj.menus; var html = ""; if(this.loaded_popup_menus[menu_id]) { html = this.loaded_popup_menus[menu_id]; } else { if(menus) { var item = menus.item; if(typeof(item.length)=='undefined' || item.length<1) item = new Array(item); if(item.length) { for(var i=0;i'+str+' '; } } } this.loaded_popup_menus[menu_id] = html; } /* 레이어 출력 */ if(html) { var area = $('#popup_menu_area').html(''); var areaOffset = {top:params.page_y, left:params.page_x}; if(area.outerHeight()+areaOffset.top > $(window).height()+$(window).scrollTop()) areaOffset.top = $(window).height() - area.outerHeight() + $(window).scrollTop(); if(area.outerWidth()+areaOffset.left > $(window).width()+$(window).scrollLeft()) areaOffset.left = $(window).width() - area.outerWidth() + $(window).scrollLeft(); area.css({ top:areaOffset.top, left:areaOffset.left }).show().focus(); } } }; }) (jQuery); /* jQuery(document).ready() */ jQuery(function($) { /* select - option의 disabled=disabled 속성을 IE에서도 체크하기 위한 함수 */ if($.browser.msie) { $('select').each(function(i, sels) { var disabled_exists = false; var first_enable = []; for(var j=0; j < sels.options.length; j++) { if(sels.options[j].disabled) { sels.options[j].style.color = '#CCCCCC'; disabled_exists = true; }else{ first_enable[i] = (first_enable[i] > -1) ? first_enable[i] : j; } } if(!disabled_exists) return; sels.oldonchange = sels.onchange; sels.onchange = function() { if(this.options[this.selectedIndex].disabled) { this.selectedIndex = first_enable[i]; /* if(this.options.length<=1) this.selectedIndex = -1; else if(this.selectedIndex < this.options.length - 1) this.selectedIndex++; else this.selectedIndex--; */ } else { if(this.oldonchange) this.oldonchange(); } }; if(sels.selectedIndex >= 0 && sels.options[ sels.selectedIndex ].disabled) sels.onchange(); }); } /* 단락에디터 fold 컴포넌트 펼치기/접기 */ var drEditorFold = $('.xe_content .fold_button'); if(drEditorFold.size()) { var fold_container = $('div.fold_container', drEditorFold); $('button.more', drEditorFold).click(function() { $(this).hide().next('button').show().parent().next(fold_container).show(); }); $('button.less', drEditorFold).click(function() { $(this).hide().prev('button').show().parent().next(fold_container).hide(); }); } jQuery('input[type="submit"],button[type="submit"]').click(function(ev){ var $el = jQuery(ev.currentTarget); setTimeout(function(){ return function(){ $el.attr('disabled', 'disabled'); }; }(), 0); setTimeout(function(){ return function(){ $el.removeAttr('disabled'); }; }(), 3000); }); }); (function(){ // String extension methods function isSameUrl(a,b) { return (a.replace(/#.*$/, '') === b.replace(/#.*$/, '')); } var isArray = Array.isArray || function(obj){ return Object.prototype.toString.call(obj)=='[object Array]'; }; /** * @brief location.href에서 특정 key의 값을 return **/ String.prototype.getQuery = function(key) { var loc = isSameUrl(this, window.location.href) ? current_url : this; var idx = loc.indexOf('?'); if(idx == -1) return null; var query_string = loc.substr(idx+1, this.length), args = {}; query_string.replace(/([^=]+)=([^&]*)(&|$)/g, function() { args[arguments[1]] = arguments[2]; }); var q = args[key]; if(typeof(q)=='undefined') q = ''; return q; }; /** * @brief location.href에서 특정 key의 값을 return **/ String.prototype.setQuery = function(key, val) { var loc = isSameUrl(this, window.location.href) ? current_url : this; var idx = loc.indexOf('?'); var uri = loc.replace(/#$/, ''); var act, re, v, toReplace, query_string; if (typeof(val)=='undefined') val = ''; if (idx != -1) { var args = {}, q_list = []; query_string = uri.substr(idx + 1, loc.length); uri = loc.substr(0, idx); query_string.replace(/([^=]+)=([^&]*)(&|$)/g, function(all,key,val) { args[key] = val; }); args[key] = val; for (var prop in args) { if (!args.hasOwnProperty(prop)) continue; if (!(v = String(args[prop]).trim())) continue; q_list.push(prop+'='+decodeURI(v)); } query_string = q_list.join('&'); uri = uri + (query_string ? '?' + encodeURI(query_string) : ''); } else { if (String(val).trim()) { query_string = '?' + key + '=' + val; uri = uri + encodeURI(query_string); } } re = /^https:\/\/([^:\/]+)(:\d+|)/i; if (re.test(uri)) { toReplace = 'http://'+RegExp.$1; if (window.http_port && http_port != 80) toReplace += ':' + http_port; uri = uri.replace(re, toReplace); } var bUseSSL = !!window.enforce_ssl; if (!bUseSSL && isArray(window.ssl_actions) && (act=uri.getQuery('act'))) { for (var i=0,c=ssl_actions.length; i < c; i++) { if (ssl_actions[i] === act) { bUseSSL = true; break; } } } re = /http:\/\/([^:\/]+)(:\d+|)/i; if (bUseSSL && re.test(uri)) { toReplace = 'https://'+RegExp.$1; if (window.https_port && https_port != 443) toReplace += ':' + https_port; uri = uri.replace(re, toReplace); } // insert index.php if it isn't included uri = uri.replace(/\/(index\.php)?\?/, '/index.php?'); return uri; }; /** * @brief string prototype으로 trim 함수 추가 **/ String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); }; })(); /** * @brief xSleep(micro time) **/ function xSleep(sec) { sec = sec / 1000; var now = new Date(); var sleep = new Date(); while( sleep.getTime() - now.getTime() < sec) { sleep = new Date(); } } /** * @brief 주어진 인자가 하나라도 defined되어 있지 않으면 false return **/ function isDef() { for(var i=0; i < arguments.length; ++i) { if(typeof(arguments[i]) == "undefined") return false; } return true; } /** * @brief 윈도우 오픈 * 열려진 윈도우의 관리를 통해 window.focus()등을 FF에서도 비슷하게 구현함 **/ var winopen_list = []; function winopen(url, target, attribute) { if(typeof(xeVid)!='undefined' && url.indexOf(request_uri)>-1 && !url.getQuery('vid')) url = url.setQuery('vid',xeVid); try { if(target != "_blank" && winopen_list[target]) { winopen_list[target].close(); winopen_list[target] = null; } } catch(e) { } if(typeof(target) == 'undefined') target = '_blank'; if(typeof(attribute) == 'undefined') attribute = ''; var win = window.open(url, target, attribute); win.focus(); if(target != "_blank") winopen_list[target] = win; } /** * @brief 팝업으로만 띄우기 * common/tpl/popup_layout.html이 요청되는 XE내의 팝업일 경우에 사용 **/ function popopen(url, target) { if(typeof(target) == "undefined") target = "_blank"; if(typeof(xeVid)!='undefined' && url.indexOf(request_uri)>-1 && !url.getQuery('vid')) url = url.setQuery('vid',xeVid); winopen(url, target, "width=800,height=600,scrollbars=yes,resizable=yes,toolbars=no"); } /** * @brief 메일 보내기용 **/ function sendMailTo(to) { location.href="mailto:"+to; } /** * @brief url이동 (open_window 값이 N 가 아니면 새창으로 띄움) **/ function move_url(url, open_window) { if(!url) return false; if(typeof(open_window) == 'undefined') open_window = 'N'; if(open_window=='N') { open_window = false; } else { open_window = true; } if(/^\./.test(url)) url = request_uri+url; if(open_window) { winopen(url); } else { location.href=url; } return false; } /** * @brief 멀티미디어 출력용 (IE에서 플래쉬/동영상 주변에 점선 생김 방지용) **/ function displayMultimedia(src, width, height, options) { /*jslint evil: true */ var html = _displayMultimedia(src, width, height, options); if(html) document.writeln(html); } function _displayMultimedia(src, width, height, options) { if(src.indexOf('files') === 0) src = request_uri + src; var defaults = { wmode : 'transparent', allowScriptAccess : 'never', quality : 'high', flashvars : '', autostart : false }; var params = jQuery.extend(defaults, options || {}); var autostart = (params.autostart && params.autostart != 'false') ? 'true' : 'false'; delete(params.autostart); var clsid = ""; var codebase = ""; var html = ""; if(/\.(gif|jpg|jpeg|bmp|png)$/i.test(src)){ html = ''; } else if(/\.flv$/i.test(src) || /\.mov$/i.test(src) || /\.moov$/i.test(src) || /\.m4v$/i.test(src)) { html = ''; } else if(/\.swf/i.test(src)) { clsid = 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'; if(typeof(enforce_ssl)!='undefined' && enforce_ssl){ codebase = "https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"; } else { codebase = "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"; } html = ''; html += ''; for(var name in params) { if(params[name] != 'undefined' && params[name] !== '') { html += ''; } } html += '' + '' + ''; } else { if (jQuery.browser.mozilla || jQuery.browser.opera) { // firefox and opera uses 0 or 1 for autostart parameter. autostart = (params.autostart && params.autostart != 'false') ? '1' : '0'; } html = '.popup'), w, h, dw, dh, offset; offset = $pc.css({overflow:'scroll'}).offset(); w = $pc.width(10).height(10000).get(0).scrollWidth + offset.left*2; h = $pc.height(10).width(10000).get(0).scrollHeight + offset.top*2; if(w < 800) w = 800 + offset.left*2; dw = $win.width(); dh = $win.height(); if(w != dw) window.resizeBy(w - dw, 0); if(h != dh) window.resizeBy(0, h - dh); $pc.width(w-offset.left*2).css({overflow:'',height:''}); } /** * @brief 추천/비추천,스크랩,신고기능등 특정 srl에 대한 특정 module/action을 호출하는 함수 **/ function doCallModuleAction(module, action, target_srl) { var params = { target_srl : target_srl, cur_mid : current_mid, mid : current_mid }; exec_xml(module, action, params, completeCallModuleAction); } function completeCallModuleAction(ret_obj, response_tags) { if(ret_obj.message!='success') alert(ret_obj.message); location.reload(); } function completeMessage(ret_obj) { alert(ret_obj.message); location.reload(); } /* 언어코드 (lang_type) 쿠키값 변경 */ function doChangeLangType(obj) { if(typeof(obj) == "string") { setLangType(obj); } else { var val = obj.options[obj.selectedIndex].value; setLangType(val); } location.href = location.href.setQuery('l', ''); } function setLangType(lang_type) { var expire = new Date(); expire.setTime(expire.getTime()+ (7000 * 24 * 3600000)); setCookie('lang_type', lang_type, expire, '/'); } /* 미리보기 */ function doDocumentPreview(obj) { var fo_obj = obj; while(fo_obj.nodeName != "FORM") { fo_obj = fo_obj.parentNode; } if(fo_obj.nodeName != "FORM") return; var editor_sequence = fo_obj.getAttribute('editor_sequence'); var content = editorGetContent(editor_sequence); var win = window.open("", "previewDocument","toolbars=no,width=700px;height=800px,scrollbars=yes,resizable=yes"); var dummy_obj = jQuery("#previewDocument"); if(!dummy_obj.length) { jQuery( '
'+ ''+ ''+ ''+ '
' ).appendTo(document.body); dummy_obj = jQuery("#previewDocument")[0]; } else { dummy_obj = dummy_obj[0]; } if(dummy_obj) { dummy_obj.content.value = content; dummy_obj.submit(); } } /* 게시글 저장 */ function doDocumentSave(obj) { var editor_sequence = obj.form.getAttribute('editor_sequence'); var prev_content = editorRelKeys[editor_sequence].content.value; if(typeof(editor_sequence)!='undefined' && editor_sequence && typeof(editorRelKeys)!='undefined' && typeof(editorGetContent)=='function') { var content = editorGetContent(editor_sequence); editorRelKeys[editor_sequence].content.value = content; } var params={}, responses=['error','message','document_srl'], elms=obj.form.elements, data=jQuery(obj.form).serializeArray(); jQuery.each(data, function(i, field){ var val = jQuery.trim(field.value); if(!val) return true; if(/\[\]$/.test(field.name)) field.name = field.name.replace(/\[\]$/, ''); if(params[field.name]) params[field.name] += '|@|'+val; else params[field.name] = field.value; }); exec_xml('document','procDocumentTempSave', params, completeDocumentSave, responses, params, obj.form); editorRelKeys[editor_sequence].content.value = prev_content; return false; } function completeDocumentSave(ret_obj) { jQuery('input[name=document_srl]').eq(0).val(ret_obj.document_srl); alert(ret_obj.message); } /* 저장된 게시글 불러오기 */ var objForSavedDoc = null; function doDocumentLoad(obj) { // 저장된 게시글 목록 불러오기 objForSavedDoc = obj.form; popopen(request_uri.setQuery('module','document').setQuery('act','dispTempSavedList')); } /* 저장된 게시글의 선택 */ function doDocumentSelect(document_srl, module) { if(!opener || !opener.objForSavedDoc) { window.close(); return; } if(module===undefined) { module = 'document'; } // 게시글을 가져와서 등록하기 switch(module) { case 'page' : var url = opener.current_url; url = url.setQuery('document_srl', document_srl); if(url.getQuery('act') === 'dispPageAdminMobileContentModify') { url = url.setQuery('act', 'dispPageAdminMobileContentModify'); } else { url = url.setQuery('act', 'dispPageAdminContentModify'); } opener.location.href = url; break; default : opener.location.href = opener.current_url.setQuery('document_srl', document_srl).setQuery('act', 'dispBoardWrite'); break; } window.close(); } /* 스킨 정보 */ function viewSkinInfo(module, skin) { popopen("./?module=module&act=dispModuleSkinInfo&selected_module="+module+"&skin="+skin, 'SkinInfo'); } /* 관리자가 문서를 관리하기 위해서 선택시 세션에 넣음 */ var addedDocument = []; function doAddDocumentCart(obj) { var srl = obj.value; addedDocument[addedDocument.length] = srl; setTimeout(function() { callAddDocumentCart(addedDocument.length); }, 100); } function callAddDocumentCart(document_length) { if(addedDocument.length<1 || document_length != addedDocument.length) return; var params = []; params.srls = addedDocument.join(","); exec_xml("document","procDocumentAddCart", params, null); addedDocument = []; } /* ff의 rgb(a,b,c)를 #... 로 변경 */ function transRGB2Hex(value) { if(!value) return value; if(value.indexOf('#') > -1) return value.replace(/^#/, ''); if(value.toLowerCase().indexOf('rgb') < 0) return value; value = value.replace(/^rgb\(/i, '').replace(/\)$/, ''); value_list = value.split(','); var hex = ''; for(var i = 0; i < value_list.length; i++) { var color = parseInt(value_list[i], 10).toString(16); if(color.length == 1) color = '0'+color; hex += color; } return hex; } /* 보안 로그인 모드로 전환 */ function toggleSecuritySignIn() { var href = location.href; if(/https:\/\//i.test(href)) location.href = href.replace(/^https/i,'http'); else location.href = href.replace(/^http/i,'https'); } function reloadDocument() { location.reload(); } /** * * Base64 encode / decode * http://www.webtoolkit.info/ * **/ var Base64 = { // private property _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", // public method for encoding encode : function (input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = Base64._utf8_encode(input); while (i < input.length) { chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64; } else if (isNaN(chr3)) { enc4 = 64; } output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4); } return output; }, // public method for decoding decode : function (input) { var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0; input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (i < input.length) { enc1 = this._keyStr.indexOf(input.charAt(i++)); enc2 = this._keyStr.indexOf(input.charAt(i++)); enc3 = this._keyStr.indexOf(input.charAt(i++)); enc4 = this._keyStr.indexOf(input.charAt(i++)); chr1 = (enc1 << 2) | (enc2 >> 4); chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); chr3 = ((enc3 & 3) << 6) | enc4; output = output + String.fromCharCode(chr1); if (enc3 != 64) { output = output + String.fromCharCode(chr2); } if (enc4 != 64) { output = output + String.fromCharCode(chr3); } } output = Base64._utf8_decode(output); return output; }, // private method for UTF-8 encoding _utf8_encode : function (string) { string = string.replace(/\r\n/g,"\n"); var utftext = ""; for (var n = 0; n < string.length; n++) { var c = string.charCodeAt(n); if (c < 128) { utftext += String.fromCharCode(c); } else if((c > 127) && (c < 2048)) { utftext += String.fromCharCode((c >> 6) | 192); utftext += String.fromCharCode((c & 63) | 128); } else { utftext += String.fromCharCode((c >> 12) | 224); utftext += String.fromCharCode(((c >> 6) & 63) | 128); utftext += String.fromCharCode((c & 63) | 128); } } return utftext; }, // private method for UTF-8 decoding _utf8_decode : function (utftext) { var string = ""; var i = 0; var c = 0, c1 = 0, c2 = 0, c3 = 0; while ( i < utftext.length ) { c = utftext.charCodeAt(i); if (c < 128) { string += String.fromCharCode(c); i++; } else if((c > 191) && (c < 224)) { c2 = utftext.charCodeAt(i+1); string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); i += 2; } else { c2 = utftext.charCodeAt(i+1); c3 = utftext.charCodeAt(i+2); string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); i += 3; } } return string; } }; /* ---------------------------------------------- * DEPRECATED * 하위호환용으로 남겨 놓음 * ------------------------------------------- */ if(typeof(resizeImageContents) == 'undefined') { window.resizeImageContents = function() {}; } if(typeof(activateOptionDisabled) == 'undefined') { window.activateOptionDisabled = function() {}; } objectExtend = jQuery.extend; /** * @brief 특정 Element의 display 옵션 토글 **/ function toggleDisplay(objId) { jQuery('#'+objId).toggle(); } /** * @brief 에디터에서 사용하되 내용 여닫는 코드 (zb5beta beta 호환용으로 남겨 놓음) **/ function svc_folder_open(id) { jQuery("#_folder_open_"+id).hide(); jQuery("#_folder_close_"+id).show(); jQuery("#_folder_"+id).show(); } function svc_folder_close(id) { jQuery("#_folder_open_"+id).show(); jQuery("#_folder_close_"+id).hide(); jQuery("#_folder_"+id).hide(); } /** * @brief 날짜 선택 (달력 열기) **/ function open_calendar(fo_id, day_str, callback_func) { if(typeof(day_str)=="undefined") day_str = ""; var url = "./common/tpl/calendar.php?"; if(fo_id) url+="fo_id="+fo_id; if(day_str) url+="&day_str="+day_str; if(callback_func) url+="&callback_func="+callback_func; popopen(url, 'Calendar'); } var loaded_popup_menus = XE.loaded_popup_menus; function createPopupMenu() {} function chkPopupMenu() {} function displayPopupMenu(ret_obj, response_tags, params) { XE.displayPopupMenu(ret_obj, response_tags, params); } function GetObjLeft(obj) { return jQuery(obj).offset().left; } function GetObjTop(obj) { return jQuery(obj).offset().top; } function replaceOuterHTML(obj, html) { jQuery(obj).replaceWith(html); } function getOuterHTML(obj) { return jQuery(obj).html().trim(); } function setCookie(name, value, expire, path) { var s_cookie = name + "=" + escape(value) + ((!expire) ? "" : ("; expires=" + expire.toGMTString())) + "; path=" + ((!path) ? "/" : path); document.cookie = s_cookie; } function getCookie(name) { var match = document.cookie.match(new RegExp(name+'=(.*?)(?:;|$)')); if(match) return unescape(match[1]); } function is_def(v) { return (typeof(v)!='undefined'); } function ucfirst(str) { return str.charAt(0).toUpperCase() + str.slice(1); } function get_by_id(id) { return document.getElementById(id); } jQuery(function($){ // display popup menu that contains member actions and document actions $(document).on('click', function(evt) { var $area = $('#popup_menu_area'); if(!$area.length) $area = $('