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

크롬에서 네비게이션메뉴 display:none 가 구현이 안되네요..;

초괴
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 2900 · 2
마우스 오버시에만 서브 메뉴가 표시되는 네비게이션인데요..

보시면 두번째 상위메뉴의 하위메뉴가 계속해서 떠 있습니다. 
다른 상위 메뉴의 하위메뉴들은 마우스 오버시에만 뜨는데요..

익스플로러에선 제 의도대로 전부 마우스 오버시에만 하위메뉴가 뜹니다.

사이트 주소구요. 네비게이션php 파일 내용은아래와 같습니다.
제가 직접 짠 것이 아니라 인터넷에서 코딩 주워와서 수정한 것이라서 
의심가는 것들을 들여다 봐도 제 실력으론 뭐가 문제인지 모르겠습니다. 제로보드랑 충돌하는 것일까요?
고수분 도와주세요.(__)


<script>
<!--


function fncClick( obj )
{
    var fm  = document.frm;
    var img = fm.menu;


    for( var i=0; i<img.length; i++ )
    {
        if( img[i] === obj )
        {
            if( img[i].src.indexOf('_on') == -1 )
            {
                img[i].src = img[i].src.replace('_off.jpg','_on.jpg');
                document.getElementById(img[i].id+'_sub').style.display = '';
            }
        }
        else
        {
            img[i].src = img[i].src.replace('_on','_off');
            document.getElementById(img[i].id+'_sub').style.display = 'none';
        }
    }
}


//-->
</script>
 
<form name='frm'>


<table width='576' cellpadding='0' cellspacing='0' border='0' align="right">
<!---- 상위 메뉴--->
    <tr>
        <td>
            <img id='menu1' name='menu' src='/myimg/mn1_off.jpg' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
            <img id='menu2' name='menu' src='/myimg/mn2_off.jpg' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
            <img id='menu3' name='menu' src='/myimg/mn3_off.jpg' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
            <img id='menu4' name='menu' src='/myimg/mn4_off.jpg' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
        </td>
    </tr>
<!---- 하위 메뉴--->
    <tr>
        <td>
            <span id='menu1_sub' style='display:none'>
                <a href="/introduce.php"><img src="/myimg/smn11.gif" alt="인사말" /></a>&nbsp
                <a href="/bbs/board.php?bo_table=notice"><img src="/myimg/smn12.gif"</a>&nbsp
                <a href="/location.php"><img src="/myimg/smn13.gif"</a>
            </span>
            <span id='menu2_sub' style='display:none; margin-left:30px'>
                <a href="/lecture.php"><img src="/myimg/smn21.gif"</a>&nbsp
                <a href="/bbs/board.php?bo_table=column"><img src="/myimg/smn22.gif" /></a>&nbsp
                <a href="/bbs/board.php?bo_table=archives"><img src="/myimg/smn23.gif" /></a>&nbsp
                <a href="/bbs/board.php?bo_table=instances"><img src="/myimg/smn24.gif" /></a>
            </span>
            <span id='menu3_sub' style='display:none; margin-left:50px'>
                <a href="/changework.php"><img src="/myimg/smn31.gif" /></a>&nbsp
                <a href="/change_body.php"><img src="/myimg/smn32.gif" /></a>&nbsp
                <a href="/change_heart.php"><img src="/myimg/smn33.gif" /></a>&nbsp
                <a href="/change_life.php"><img src="/myimg/smn34.gif" /></a>&nbsp
                <a href="/change_world.php"><img src="/myimg/smn35.gif" /></a>
            </span>
            <span id='menu4_sub' style='display:none; margin-left:270px'>
                <a href="/bbs/board.php?bo_table=QNA"><img src="/myimg/smn41.gif" /></a>&nbsp
                <a href="/bbs/board.php?bo_table=afternote"><img src="/myimg/smn42.gif" /></a>&nbsp
                <a href="/bbs/board.php?bo_table=reserve"><img src="/myimg/smn43.gif" /></a>
            </span>
        </td>
    </tr>
</table>

</form>

목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

aequum
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
아.. 고생중이십니까? ㅎㅎ 제대로 태그를 처리하지 않아서 그래요. @.@

<a href="/lecture.php"><img src="/myimg/smn21.gif"</a>

여기서 img 태그가 닫지 않고 </a>가 왔고요.. 브라우저에서 menu2_sub span을 닫지 못해서 밖에 있게 됩니다.

style="cursor:hand" -> style="cursor:pointer"로 onhover에 "javascript_:"는 필요없습니다.
초괴
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
용자 aequum님 감사합니다. 덕분에 말끔히 해결되었습니다. (__)
기초적인 실수를 저질였는데도 안목이 부족하지 보지 못했네요 ㅋ
모르는 스크립트 부분에서의 오류일까 하고 끙끙대고 있었다는..

그런데
onhover 이런 부분은 없는 것 같은데..
onmouseover='javascript_:fncClick(this);' 이거 말씀이신가요? 통째로 지워도 된다는 뜻입니까?

통째로 지웠더니 안되네요. javascript_: 이것만 지웠더니 정상작동하네요 :)

게시글 목록

번호 제목
12357
MySQL 2개 테이블에서 중복된거라도 한개씩만 추출하기 입니다.
12356
MySQL MySQL php함수 정리 입니다.
12355
MySQL MySQL php오류 정리 입니다.
12354
MySQL 연산자 관련함수 정리 입니다.
12353
JavaScript 폼 유효성검사해주는 자바스트립트 라이브러리
20387
기타 텝메뉴 상단고정 및 해당위치 스크롤 4
12352
MySQL 수학 관련함수 정리 입니다.
12351
MySQL 문자열 관련함수 정리 입니다.
12350
MySQL 날짜 관련 함수 정리 입니다.
12349
PHP PHP5.6 -> PHP7.0 으로 이전시 차이점
12348
jQuery Ajax 화면 전환 시 애니메이션 효과
12347
MySQL Query의 기본사용 정리 입니다.
12346
MySQL 자주 사용하는 php와 관련 Query문 입니다.
12345
MySQL 콘솔 기본명령어 정리 입니다
12344
PHP 암호화 SHA-256
12343
MySQL mysql 인덱싱 하는 방법 입니다.
12342
MySQL MySQL 덤프방법(dump) 입니다.
12341
MySQL 여러데이터베이스 사용하는 방법 입니다.
12340
PHP 이미지에 글자쓰기
12339
MySQL 백업&복구(전체/부분/테이블) 하기 입니다.
12338
MySQL db sql문 정리 입니다.
12337
MySQL MySql 암호 초기화 및 새암호 넣기 입니다.
12336
JavaScript 라디오버튼, 체크박스 테두리 없애기 입니다.
12335
JavaScript 현재 페이지 저장하기 입니다.
12334
JavaScript 프린트 출력 자바스크립트 입니다.
이전 다음
전체 목록