관리자 서브메뉴 오류 대처법
크롬이나 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">
--------------------------------------------------------------------
댓글 4개
Zenyr
13년 전
어느 파일에 들어있는지 뒤지기 번거로웠는데 위치 정보 감사합니다.
조금 들여다보니 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'});
미려한 해결법은 아니지만 쉽고 빠른 해결법임은 분명하죠ㅋ 미려한 해결법은 워낙 손을 많이 대야 해서..
13년 전
정말 좋은정보 감사합니다.
13년 전
추천추천추천 하구 갑니다.
13년 전
오오 추천꽝!
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3209 | 12년 전 | 4910 | ||
| 3208 |
Header
|
12년 전 | 3245 | |
| 3207 |
Header
|
12년 전 | 2858 | |
| 3206 |
Header
|
12년 전 | 4323 | |
| 3205 |
Header
|
12년 전 | 3867 | |
| 3204 |
Header
|
12년 전 | 6045 | |
| 3203 |
Header
|
12년 전 | 3246 | |
| 3202 | 12년 전 | 4491 | ||
| 3201 | 12년 전 | 4765 | ||
| 3200 | 12년 전 | 4386 | ||
| 3199 | 12년 전 | 5054 | ||
| 3198 |
|
12년 전 | 4940 | |
| 3197 |
|
12년 전 | 4690 | |
| 3196 | 12년 전 | 5066 | ||
| 3195 |
|
12년 전 | 4372 | |
| 3194 | 12년 전 | 4453 | ||
| 3193 | 12년 전 | 10838 | ||
| 3192 | 12년 전 | 9495 | ||
| 3191 | 12년 전 | 5144 | ||
| 3190 | 12년 전 | 8500 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기