웹마스터 팁
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
자바 잘 몰라서 그런지 이해는 잘 안 가네요 흑흑 ㅠ
제목 | 글쓴이 | 날짜 |
---|---|---|
게시판을 활용한 페이지 생성 및 관리 아이디어...(참고) [5] | 빨간발 | 2009.03.27 |
홈페이지 접속 속도에 미치는 에드온. [2] | jih449 | 2009.03.27 |
1.2 업데이트후, 모듈 업데이트를 클릭해도 계속 업데이트 버튼이 남는 경우 [4] | heesang | 2009.03.27 |
특정 도메인의 메일 주소로만 가입 인증 메일 보내기 [3] | 박정욱 | 2009.03.28 |
특정그룹 멤버 표시 위젯에서 이름 순 정렬하기 [2] | 이재한744 | 2009.03.30 |
Firebug와 FirePHP를 통한 XpressEngine의 디버깅 [6] | mooo | 2009.04.01 |
xe 설치시 다음과 같은 오류가 생깁니다. | Seung Hur | 2009.04.02 |
팁이라기엔 좀 그렇구요.. 초보자를 위한 파일업로드FTP보다 훨씬좋은.. [2] | 레드카라스 | 2009.04.02 |
위지윅 테이블 컴포넌트 (테이블 수정 기능) [3] | 개돌 | 2009.04.02 |
Cafe 운영시 조그만한 팁... [2] | 부푸러 | 2009.04.03 |
관리자 아이디로 작성한 비밀글을 특정인이 볼수있도록 해주는 팁 [13] | Dreami | 2009.04.03 |
클릭마다 조회수 올리기 [1.4.0] [12] | 지B | 2009.04.04 |
게시판 스타일이 안바뀌는 경우에 해보실 사항 [4] | coolsushi | 2009.04.04 |
호스팅업체에서 rewrite mod를 지원하는데 사용할 수 없는 경우 [1] [1] | 엔하늘 | 2009.04.05 |
이메일이 2개씩 보내질때 처치방법 [7] | 얼터1 | 2009.04.08 |
게시판형태를 달력게시판으로 못하나요? [1] | 오늘하루는느느느 | 2009.04.09 |
요청하신 모듈을 찾을 수 없습니다 문제해결 방법 [2] | 반도체맨 | 2009.04.09 |
IIS + PHP + MySQL5 설치 시 버젼 주의 [1] | 개돌 | 2009.04.10 |
최근 이미지 위젯 noimage 표시.. [6] | 개돌 | 2009.04.10 |
주민등록 입력 폼 1.2.0 [55] | 개돌 | 2009.04.10 |
오~ 이런 방법도 있군요.