관리자 서브메뉴 오류 대처법 정보
관리자 서브메뉴 오류 대처법본문
크롬이나 IE9에서
관리자 서브메뉴가 항상 왼쪽으로 쏠리는현상이 일어납니다.
저도 크롬을 주로 애용해서 관리자모드 접속할때 IE8로 접속하다가
귀찮아서 이참에 뜯어 고쳤습니다.
그누보드 폴더 안에 [adm]폴더 안에 [admin.head.php]
파일을 열어 봅시다.
그리고 아래 원본 소스 찾아서 원본소스자리에 수정소스를 넣으시면 됩니다.
------------------------------------------
[원본소스- 1]
$str = "<table width=130 cellpadding=1 cellspacing=0 id='menu_{$key}' style='position:absolute; display:none; z-index:1;' onpropertychange=\"selectBoxHidden('menu_{$key}')\"><colgroup><colgroup><colgroup width=10><tr><td rowspan=2 colspan=2 bgcolor=#EFCA95><table width=127 cellpadding=0 cellspacing=0 bgcolor=#FEF8F0><colgroup style='padding-left:10px'>";
[수정소스- 1]
$str = "<table width=130 cellpadding=1 cellspacing=0 class='menu_box' id='menu_{$key}' style='position:absolute; display:none; z-index:1;' onpropertychange=\"selectBoxHidden('menu_{$key}')\"><colgroup><colgroup><colgroup width=10><tr><td rowspan=2 colspan=2 bgcolor=#EFCA95><table width=127 cellpadding=0 cellspacing=0 bgcolor=#FEF8F0><colgroup style='padding-left:10px'>";
------------------------------------------
[원본소스 -2]
echo "{$href1}<img src='$g4[admin_path]/img/menu{$key}.gif' border=0 id='id_menu{$key}' onmouseover=\"layer_view('id_menu{$key}', 'menu_menu{$key}', 'view', -2, 5);\">{$href2} ";
[수정소스 -2]
echo "{$href1}<img src='$g4[admin_path]/img/menu{$key}.gif' border=0 id='id_menu{$key}' class='mem_img' onmouseover=\"layer_view('id_menu{$key}', 'menu_menu{$key}', 'view', -2, 5);\">{$href2} ";
-------------------------------------------
[원본 소스 -3 ]
</script>
<link rel="stylesheet" href="<?=$g4['admin_path']?>/admin.style.css" type="text/css">
[수정 소스 -3 </script>위에 아래와 같이 넣어줍니다]
//메뉴 롤오버 위치 수정
jQuery(document).ready(function(){
$('.mem_img').hover(function(e){
$('.menu_box').css({"left" :e.pageX,"top": e.pageY});
});
});
//메뉴 롤오버 위치 수정 끝
</script>
<link rel="stylesheet" href="<?=$g4['admin_path']?>/admin.style.css" type="text/css">
--------------------------------------------------------------------
관리자 서브메뉴가 항상 왼쪽으로 쏠리는현상이 일어납니다.
저도 크롬을 주로 애용해서 관리자모드 접속할때 IE8로 접속하다가
귀찮아서 이참에 뜯어 고쳤습니다.
그누보드 폴더 안에 [adm]폴더 안에 [admin.head.php]
파일을 열어 봅시다.
그리고 아래 원본 소스 찾아서 원본소스자리에 수정소스를 넣으시면 됩니다.
------------------------------------------
[원본소스- 1]
$str = "<table width=130 cellpadding=1 cellspacing=0 id='menu_{$key}' style='position:absolute; display:none; z-index:1;' onpropertychange=\"selectBoxHidden('menu_{$key}')\"><colgroup><colgroup><colgroup width=10><tr><td rowspan=2 colspan=2 bgcolor=#EFCA95><table width=127 cellpadding=0 cellspacing=0 bgcolor=#FEF8F0><colgroup style='padding-left:10px'>";
[수정소스- 1]
$str = "<table width=130 cellpadding=1 cellspacing=0 class='menu_box' id='menu_{$key}' style='position:absolute; display:none; z-index:1;' onpropertychange=\"selectBoxHidden('menu_{$key}')\"><colgroup><colgroup><colgroup width=10><tr><td rowspan=2 colspan=2 bgcolor=#EFCA95><table width=127 cellpadding=0 cellspacing=0 bgcolor=#FEF8F0><colgroup style='padding-left:10px'>";
------------------------------------------
[원본소스 -2]
echo "{$href1}<img src='$g4[admin_path]/img/menu{$key}.gif' border=0 id='id_menu{$key}' onmouseover=\"layer_view('id_menu{$key}', 'menu_menu{$key}', 'view', -2, 5);\">{$href2} ";
[수정소스 -2]
echo "{$href1}<img src='$g4[admin_path]/img/menu{$key}.gif' border=0 id='id_menu{$key}' class='mem_img' onmouseover=\"layer_view('id_menu{$key}', 'menu_menu{$key}', 'view', -2, 5);\">{$href2} ";
-------------------------------------------
[원본 소스 -3 ]
</script>
<link rel="stylesheet" href="<?=$g4['admin_path']?>/admin.style.css" type="text/css">
[수정 소스 -3 </script>위에 아래와 같이 넣어줍니다]
//메뉴 롤오버 위치 수정
jQuery(document).ready(function(){
$('.mem_img').hover(function(e){
$('.menu_box').css({"left" :e.pageX,"top": e.pageY});
});
});
//메뉴 롤오버 위치 수정 끝
</script>
<link rel="stylesheet" href="<?=$g4['admin_path']?>/admin.style.css" type="text/css">
--------------------------------------------------------------------
추천
2
2
댓글 4개
어느 파일에 들어있는지 뒤지기 번거로웠는데 위치 정보 감사합니다.
조금 들여다보니 html소스 수정 없이 스크립트 세줄 수정만으로 가능합니다.
수정 전 (line 153 근처 세 줄)
menu.style.left = get_left_pos(link) + x;
menu.style.top = get_top_pos(link) + link.offsetHeight + y;
menu.style.display = 'block';
수정 후 (jquery)
$(menu).css({left :get_left_pos(link) + x,top:get_top_pos(link) + link.offsetHeight + y,display : 'block'});
미려한 해결법은 아니지만 쉽고 빠른 해결법임은 분명하죠ㅋ 미려한 해결법은 워낙 손을 많이 대야 해서..
조금 들여다보니 html소스 수정 없이 스크립트 세줄 수정만으로 가능합니다.
수정 전 (line 153 근처 세 줄)
menu.style.left = get_left_pos(link) + x;
menu.style.top = get_top_pos(link) + link.offsetHeight + y;
menu.style.display = 'block';
수정 후 (jquery)
$(menu).css({left :get_left_pos(link) + x,top:get_top_pos(link) + link.offsetHeight + y,display : 'block'});
미려한 해결법은 아니지만 쉽고 빠른 해결법임은 분명하죠ㅋ 미려한 해결법은 워낙 손을 많이 대야 해서..
정말 좋은정보 감사합니다.
추천추천추천 하구 갑니다.
오오 추천꽝!