크롬이나 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개
어느 파일에 들어있는지 뒤지기 번거로웠는데 위치 정보 감사합니다.
조금 들여다보니 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'});
미려한 해결법은 아니지만 쉽고 빠른 해결법임은 분명하죠ㅋ 미려한 해결법은 워낙 손을 많이 대야 해서..
게시글 목록
| 번호 | 제목 |
|---|---|
| 33785 | |
| 33781 | |
| 33776 | |
| 33761 | |
| 33753 | |
| 33751 | |
| 33749 | |
| 33731 | |
| 33706 | |
| 33694 | |
| 33690 | |
| 33683 | |
| 33674 | |
| 33672 | |
| 33662 | |
| 33655 | |
| 33608 | |
| 33605 | |
| 33587 | |
| 33581 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기