테스트 사이트 - 개발 중인 베타 버전입니다

관리자 서브메뉴 오류 대처법

크롬이나 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}&nbsp; ";


[수정소스 -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}&nbsp; ";

-------------------------------------------
[원본 소스 -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개

어느 파일에 들어있는지 뒤지기 번거로웠는데 위치 정보 감사합니다.
조금 들여다보니 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'});

미려한 해결법은 아니지만 쉽고 빠른 해결법임은 분명하죠ㅋ 미려한 해결법은 워낙 손을 많이 대야 해서..
정말 좋은정보 감사합니다.
추천추천추천 하구 갑니다.

게시글 목록

번호 제목
34706
34693
34563
34536
34521
34480
34479
34466
34437
34436
34435
34406
34398
34387
34382
34375
34364
34336
34294
34293