';
+ html += ''+
+ '
';
@@ -218,123 +216,39 @@ function drawNode(parent_node, menu_id) {
return output;
}
-// 관리자 모드일 경우 *_enable_move 의 값에 따라 메뉴 이동을 시키거나 정보를 보여주도록 변경
-function doNodeFunc(obj, menu_id, node_srl, zone_id) {
- var chk_enable = xGetElementById(menu_id+"_enable_move");
- if(!chk_enable || chk_enable.checked!=true || !obj) {
- selectNode(menu_id,node_srl,zone_id);
- return;
- }
-
- deSelectNode();
- tree_drag_enable(obj,tree_drag_start,tree_drag,tree_drag_end);
-}
-
-// 수동으로 메뉴를 선택하도록 함
-function manualSelectNode(menu_id, node_srl) {
- var zone_id = "menu_"+menu_id+"_"+node_srl;
- selectNode(menu_id,node_srl,zone_id,false);
- return;
-}
-
// 노드의 폴더 아이콘 클릭시
-function toggleFolder(zone_id) {
+function blogToggleFolder(zone_id) {
// 아이콘을 클릭한 대상을 찾아봄
var child_zone = xGetElementById(zone_id+"_child");
if(!child_zone) return;
- // 대상의 아이콘들 찾음
- var line_icon = xGetElementById(zone_id+'_line_icon');
- var folder_icon = xGetElementById(zone_id+'_folder_icon');
+ var line_obj = xGetElementById(zone_id+'_line');
+ var folder_obj = xGetElementById(zone_id+'_folder');
// 대상의 자식 노드들이 숨겨져 있다면 열고 아니면 닫기
- if(child_zone.style.display == "block") {
+ if(folder_obj.className == "folder_open") {
child_zone.style.display = "none";
- if(line_icon.src.indexOf('bottom')>0) line_icon.src = tree_minus_bottom_icon.src;
- else line_icon.src = tree_minus_icon.src;
- folder_icon.src = tree_folder_icon.src;
+ if(line_obj.className.indexOf('bottom')>0) line_obj.className = 'minus_bottom';
+ else line_obj.className = 'minus';
+
+ folder_obj.className = 'folder_close'
} else {
- if(line_icon.src.indexOf('bottom')>0) line_icon.src = tree_plus_bottom_icon.src;
- else line_icon.src = tree_plus_icon.src;
- folder_icon.src = tree_open_folder_icon.src;
child_zone.style.display = "block";
+
+ if(line_obj.className.indexOf('bottom')>0) line_obj.className = 'plus_bottom';
+ else line_obj.className = 'plus';
+
+ folder_obj.className = 'folder_open';
}
}
-// 노드의 글자 선택시
-var prev_selected_node = null;
-function selectNode(menu_id, node_srl, zone_id, move_url) {
- // 선택된 노드를 찾아봄
- var node_zone = xGetElementById(zone_id+'_node');
- if(!node_zone) return;
-
- // 이전에 선택된 노드가 있었다면 원래데로 돌림
- if(prev_selected_node) {
- var prev_zone = xGetElementById(prev_selected_node.id);
- if(prev_zone) {
- prev_zone.style.backgroundColor = "#ffffff";
- prev_zone.style.fontWeight = "normal";
- prev_zone.style.color = "#000000";
- }
- }
-
- // 선택된 노드의 글자를 변경
- prev_selected_node = node_zone;
- node_zone.style.backgroundColor = "#0e078f";
- node_zone.style.fontWeight = "bold";
- node_zone.style.color = "#FFFFFF";
-
- // 함수 실행
- if(typeof(move_url)=="undefined"||move_url==true) {
- var func = node_callback_func[menu_id];
- func(menu_id, blog_node_info_list[menu_id][node_srl]);
- //toggleFolder(zone_id);
- }
-}
-
-// 선택된 노드의 표시를 없앰
-function deSelectNode() {
- // 이전에 선택된 노드가 있었다면 원래데로 돌림
- if(!prev_selected_node) return;
- prev_selected_node.style.backgroundColor = "#ffffff";
- prev_selected_node.style.fontWeight = "normal";
- prev_selected_node.style.color = "#000000";
-}
-
-
-// 모두 닫기
-function closeAllTreeMenu(menu_id) {
- for(var i in blog_tree_menu_folder_list[menu_id]) {
- var zone_id = blog_tree_menu_folder_list[menu_id][i];
- var zone = xGetElementById(zone_id);
- if(!zone) continue;
- var child_zone = xGetElementById(zone_id+"_child");
- if(!child_zone) continue;
-
- child_zone.style.display = "block";
- toggleFolder(zone_id);
- }
-}
-
-// 모두 열기
-function openAllTreeMenu(menu_id) {
- for(var i in blog_tree_menu_folder_list[menu_id]) {
- var zone_id = blog_tree_menu_folder_list[menu_id][i];
- var zone = xGetElementById(zone_id);
- if(!zone) continue;
- var child_zone = xGetElementById(zone_id+"_child");
- if(!child_zone) continue;
-
- child_zone.style.display = "none";
- toggleFolder(zone_id);
- }
-}
-
-// 메뉴 클릭시 기본으로 동작할 함수 (사용자 임의 함수로 대체될 수 있음)
-function moveTreeMenu(menu_id, node) {
+// 노드 클릭시
+function blogSelectNode(node_srl) {
// url과 open_window값을 구함
- var node_srl = node.getAttribute("node_srl");
+ var node = blog_node_info_list[node_srl];
+ if(!node) return;
+
var url = node.getAttribute("url");
var open_window = node.getAttribute("open_window");
var hasChild = false;
@@ -342,8 +256,8 @@ function moveTreeMenu(menu_id, node) {
// url이 없고 child가 있으면 해당 폴더 토글한다
if(!url && hasChild) {
- var zone_id = "menu_"+menu_id+"_"+node_srl;
- toggleFolder(zone_id);
+ var zone_id = "menu_blog_category_"+node_srl;
+ blogToggleFolder(zone_id);
return;
}
@@ -360,225 +274,3 @@ function moveTreeMenu(menu_id, node) {
}
}
}
-
-// 메뉴 드래그 중이라는 상황을 간직할 변수
-var tree_drag_manager = {obj:null, isDrag:false}
-var tree_tmp_object = new Array();
-var tree_disappear = 0;
-
-/**
- * 메뉴 드래깅을 위한 함수들
- **/
-// 드래깅시 보여줄 임시 object를 생성하는 함수
-function tree_create_tmp_object(obj) {
- var tmp_obj = tree_tmp_object[obj.id];
- if(tmp_obj) return tmp_obj;
-
- tmp_obj = xCreateElement('DIV');
- tmp_obj.id = obj.id + '_tmp';
- tmp_obj.style.display = 'none';
- tmp_obj.style.position = 'absolute';
- tmp_obj.style.backgroundColor = obj.style.backgroundColor;
- tmp_obj.style.fontSize = obj.style.fontSize;
- tmp_obj.style.fontFamlily = obj.style.fontFamlily;
- tmp_obj.style.color = "#5277ff";
- tmp_obj.style.opacity = 1;
- tmp_obj.style.filter = 'alpha(opacity=100)';
-
- document.body.appendChild(tmp_obj);
- tree_tmp_object[obj.id] = tmp_obj;
- return tmp_obj;
-}
-
-// 기생성된 임시 object를 찾아서 return, 없으면 만들어서 return
-function tree_get_tmp_object(obj) {
- var tmp_obj = tree_tmp_object[obj.id];
- if(!tmp_obj) tmp_obj = tree_create_tmp_object(obj);
- return tmp_obj;
-}
-
-// 메뉴에 마우스 클릭이 일어난 시점에 드래그를 위한 제일 첫 동작 (해당 object에 각종 함수나 상태변수 설정)
-function tree_drag_enable(child_obj, funcDragStart, funcDrag, funcDragEnd) {
- // 클릭이 일어난 메뉴의 상위 object를 찾음
- var obj = child_obj.parentNode.parentNode;
-
- // 상위 object에 드래그 가능하다는 상태와 각 드래그 관련 함수를 설정
- obj.draggable = true;
- obj.drag_start = funcDragStart;
- obj.drag = funcDrag;
- obj.drag_end = funcDragEnd;
- obj.target_id = null;
-
- // 드래그 가능하지 않다면 드래그 가능하도록 상태 지정하고 mousemove이벤트 등록
- if (!tree_drag_manager.isDrag) {
- tree_drag_manager.isDrag = true;
- xAddEventListener(document, 'mousemove', tree_drag_mouse_move, false);
- }
-
- // mousedown이벤트 값을 지정
- xAddEventListener(obj, 'mousedown', tree_mouse_down, false);
-}
-
-// 드래그를 시작할때 호출되는 함수 (이동되는 형태를 보여주기 위한 작업을 함)
-function tree_drag_start(tobj, px, py) {
- var obj = tree_get_tmp_object(tobj);
-
- xInnerHtml(obj, xInnerHtml(tobj));
-
- tobj.source_color = tobj.style.color;
- tobj.style.color = "#BBBBBB";
-
- xLeft(obj, xPageX(tobj));
- xTop(obj, xPageY(tobj));
- xWidth(obj, xWidth(tobj));
- xHeight(obj, xHeight(tobj));
-
- xDisplay(obj, 'block');
-}
-
-// 드래그 시작후 마우스를 이동할때 발생되는 이벤트에 의해 실행되는 함수
-function tree_drag(tobj, dx, dy) {
- var obj = tree_get_tmp_object(tobj);
- xLeft(obj, parseInt(xPageX(obj),10) + parseInt(dx,10));
- xTop(obj, parseInt(xPageY(obj),10) + parseInt(dy,10));
-
- var menu_id = tobj.id.replace(/menu_/,'');
- menu_id = menu_id.replace(/_([0-9]+)$/,'');
- if(!menu_id) return;
-
- for(var node_srl in blog_node_info_list[menu_id]) {
- var zone_id = "menu_"+menu_id+"_"+node_srl;
- var target_obj = xGetElementById(zone_id);
-
- var hh = parseInt(xHeight(target_obj),10);
- var h = parseInt(parseInt(xHeight(target_obj),10)/2,10);
-
- var l = xPageX(target_obj);
- var t = xPageY(target_obj);
- var ll = parseInt(l,10) + parseInt(xWidth(target_obj),10);
- var tt = parseInt(t,10) + hh;
-
- if( tobj != target_obj && tobj.xDPX >= l && tobj.xDPX <= ll) {
- if(tobj.xDPY >= t && tobj.xDPY < tt-h) {
- try {
- target_obj.parentNode.insertBefore(tobj, target_obj);
- tobj.target_id = target_obj.id;
- } catch(e) {
- }
- }
- }
- }
-}
-
-// 드래그 종료 (이동되는 object가 이동할 곳에 서서히 이동되는 것처럼 보이는 효과)
-function tree_drag_end(tobj, px, py) {
- var obj = tree_get_tmp_object(tobj);
- tree_disappear = tree_disapear_object(obj, tobj);
- tree_drag_disable(tobj.id);
-}
-
-// 스르르 사라지게 함;;
-function tree_disapear_object(obj, tobj) {
- var it = 150;
- var ib = 15;
-
- var x = parseInt(xPageX(obj),10);
- var y = parseInt(xPageY(obj),10);
- var ldt = (x - parseInt(xPageX(tobj),10)) / ib;
- var tdt = (y - parseInt(xPageY(tobj),10)) / ib;
-
- return setInterval(function() {
- if(ib < 1) {
- clearInterval(tree_disappear);
- xInnerHtml(tobj,xInnerHtml(obj));
- xInnerHtml(obj,'');
- xDisplay(obj, 'none');
- return;
- }
- ib -= 5;
- x-=ldt;
- y-=tdt;
- xLeft(obj, x);
- xTop(obj, y);
- }, it/ib);
-}
-
-// 마우스다운 이벤트 발생시 호출됨
-function tree_mouse_down(e) {
- var evt = new xEvent(e);
- var obj = evt.target;
-
- while(obj && !obj.draggable) {
- obj = xParent(obj, true);
- }
-
- if(obj) {
- xPreventDefault(e);
- obj.xDPX = evt.pageX;
- obj.xDPY = evt.pageY;
- tree_drag_manager.obj = obj;
- xAddEventListener(document, 'mouseup', tree_mouse_up, false);
- if (obj.drag_start) obj.drag_start(obj, evt.pageX, evt.pageY);
- }
-}
-
-// 마우스 버튼을 놓았을때 동작될 함수 (각종 이벤트 해제 및 변수 설정 초기화)
-function tree_mouse_up(e) {
- if (tree_drag_manager.obj) {
- xPreventDefault(e);
- xRemoveEventListener(document, 'mouseup', tree_mouse_up, false);
-
- if (tree_drag_manager.obj.drag_end) {
- var evt = new xEvent(e);
- tree_drag_manager.obj.drag_end(tree_drag_manager.obj, evt.pageX, evt.pageY);
- }
-
- tree_drag_manager.obj = null;
- tree_drag_manager.isDrag = false;
- }
-}
-
-// 드래그할때의 object이동등을 담당
-function tree_drag_mouse_move(e) {
- var evt = new xEvent(e);
-
- if (tree_drag_manager.obj) {
- xPreventDefault(e);
-
- var obj = tree_drag_manager.obj;
- var dx = evt.pageX - obj.xDPX;
- var dy = evt.pageY - obj.xDPY;
-
- obj.xDPX = evt.pageX;
- obj.xDPY = evt.pageY;
-
- if (obj.drag) {
- obj.drag(obj, dx, dy);
- } else {
- xMoveTo(obj, xLeft(obj) + dx, xTop(obj) + dy);
- }
- }
-}
-
-// 해당 object 에 더 이상 drag가 되지 않도록 설정
-function tree_drag_disable(id) {
- if (!tree_drag_manager) return;
- var obj = xGetElementById(id);
- obj.draggable = false;
- obj.drag_start = null;
- obj.drag = null;
- obj.drag_end = null;
- obj.style.color = obj.source_color;
-
- xRemoveEventListener(obj, 'mousedown', tree_mouse_down, false);
-
- if(obj.id && obj.target_id && obj.id!=obj.target_id) {
- var menu_id = obj.id.replace(/menu_/,'');
- menu_id = menu_id.replace(/_([0-9]+)$/,'');
- if(menu_id) {
- var callback_move_func = node_move_callback_func[menu_id];
- if(callback_move_func) callback_move_func(menu_id, obj.id, obj.target_id);
- }
- }
- obj.target_id = null;
-}
diff --git a/modules/blog/skins/default/layout.html b/modules/blog/skins/default/layout.html
index 7c9970571..d29f50739 100644
--- a/modules/blog/skins/default/layout.html
+++ b/modules/blog/skins/default/layout.html
@@ -1,5 +1,6 @@
+
diff --git a/modules/menu/menu.view.php b/modules/menu/menu.view.php
index 0c3e3c719..191f48d5a 100644
--- a/modules/menu/menu.view.php
+++ b/modules/menu/menu.view.php
@@ -12,6 +12,7 @@
**/
function init() {
$this->setTemplatePath($this->module_path.'tpl');
+ Context::addJsFile('./common/js/tree_menu.js');
}
/**
'+
+ ''+
+ ''+text+''+
+ '
';
- var chk_enable = xGetElementById(menu_id+"_enable_move");
- if(chk_enable) {
- html += '';
- } else {
- html += '';
- }
-
- html += text+'';
-
- html += child_html;
+ if(hasChild && child_html) html += child_html;
html += '