웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
XE코어 수정없이 원하는 기능 넣기
2014.03.22 15:26
php를 이용한다면 XE의 addon, module trigger 기능을 사용하면 되지만
javascript의 경우는 마땅치 않아서 jquery를 사용할 수 있는 사용자에게 유용한 팁이지 않을까해서 올려봅니다.
묻고 답하기에 이와 유사한 질의들이 있고해서 답변겸 올려봅니다.
예제로 닉네임 클릭시 나오는 팝업창을 XE코어 수정없이 변경해 보도록 하겠습니다.
(function($) { var displayPopupMenuByCore = window.XE.displayPopupMenu; window.XE.displayPopupMenu = function( ret_obj, response_tags, params ) { // Log the fact that we are calling our override. // console.log( ret_obj ); // Execute the original method. // displayPopupMenuByCore.apply( this, arguments ); 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<item.length;i++) { var url = item[i].url; var str = item[i].str; var icon = item[i].icon; var target = item[i].target; var styleText = ""; var click_str = ""; /* if(icon) styleText = " style=\"background-image:url('"+icon+"')\" "; */ switch(target) { case "popup" : click_str = 'onclick="popopen(this.href, \''+target+'\'); return false;"'; break; case "javascript" : click_str = 'onclick="'+url+'; return false; "'; url='#'; break; default : click_str = 'target="_self"'; break; } html += '<li '+styleText+'><a href="'+url+'" '+click_str+'>'+str+'</a></li> '; } } } this.loaded_popup_menus[menu_id] = html; } /* 레이어 출력 */ if(html) { var area = $('#popup_menu_area').html('<ul>'+html+'</ul>'); 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);
위의 코드중에
var displayPopupMenuByCore = window.XE.displayPopupMenu;
기존 XE코어 ./common/js/common.js에 있는 window.XE.displayPopupMenu 원래 함수를 displayPopupMenuByCore 에 저장시키는 것입니다.
이것은 추후 원래함수를 호출할 경우가 있을때 사용하기 위한 것입니다.
그다음에 코어와 똑같은 함수를 만들어서 원하는 기능을 함수내에 넣으시면 됩니다.
window.XE.displayPopupMenu = function( ret_obj, response_tags, params ) {
.
.
내용
.
.
}
예제에 포함된 내용은 단순히 링크 클릭시 target="_blank" 를 target="_self" 로 바꾸어주는 기능 입니다.
사용은 레이아웃 제일 하단에 아래코드를 넣어주면 됩니다.(이유는 코어의 script들이 먼저 로딩된후에 불러와야 하기 때문입니다.)
<load target="./member_control.js" type="body" />
팝업메뉴가 안뜨게 하고 싶다면
window.XE.displayPopupMenu = function( ret_obj, response_tags, params ) {
return;
}
jquery를 공부하시면서 XE코어의 jquery기능을 원하시는 기능으로 코어수정 없이 대체해 보시는것도 좋을것 같습니다. ^^
댓글 3
-
GG
2014.03.22 15:46
-
키스투엑스이
2014.03.22 18:00
55... -
boy2
2014.03.23 11:10
자바 잘 몰라서 그런지 이해는 잘 안 가네요 흑흑 ㅠ
제목 | 글쓴이 | 날짜 |
---|---|---|
포인트 사용시에도 그룹이 안 떨어지도록 하는 방법 [4] | sejin7940 | 2013.10.18 |
추천인 표시 [11] | socialskyo | 2013.10.17 |
모바일 이미지 업로드시 세로사진 자동 회전하기 [8] | Xiso | 2013.10.17 |
XE 로만든 앱 + 푸쉬기능 구현하기 (안드로이드) [53] | Xiso | 2013.10.16 |
게시판 하단 검색대상의 순서,노출항목 들 제어하는 방법 [1] | sejin7940 | 2013.10.15 |
페이북 좋아요 버튼 애드온 [2] | 똑디 | 2013.10.11 |
게시판에 다른 테이블 값 직접 가져오기 [1] | 똑디 | 2013.10.11 |
javascript template parser for xe (난이도 중급) [1] | 엘카 | 2013.10.09 |
제이쿼리 최신 버전 사용하기 [8] | Lansi | 2013.10.08 |
제이쿼리 datepicker 옵션 변경 | Lansi | 2013.10.07 |
1.7 이상 기본레이아웃, ie9에서 1차메뉴 깨짐 현상... [3] | uoou | 2013.10.07 |
XE 1.7 에서 닉네임 클릭시 홈페이지나 블로그 등이 새창으로 안 뜨는 버그 수정법 [1] | sejin7940 | 2013.10.07 |
[유저용O, 개발자용x]포인트 레벨 아이콘이나 스킨에 사용할 소스가 부족하세요? [1] | socialskyo | 2013.10.05 |
썸네일 생성시 crop 이 상단 기준으로 생성되게 하는 방법 [5] | sejin7940 | 2013.10.04 |
New FAQ Skin 사용 시 DB 에러 수정하기 | 퍼니엑스이 | 2013.10.02 |
htaccess 수정 주소이동하기 [펌] [2] | 오락실주인 | 2013.10.02 |
phpmyadmin [ 일괄변경,부분수정 ] | 오락실주인 | 2013.10.02 |
[주옥시리즈]최신글,인기글 위젯에 댓글수 표기하기 [1] | socialskyo | 2013.10.01 |
레이아웃 동적 변경하기 | Lansi | 2013.09.27 |
XML 쿼리 사용시 null 값일 경우 업데이트가 안 될 때 [1] | Lansi | 2013.09.27 |
오~ 이런 방법도 있군요.