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);