RF design house 메뉴

[나루]

http:://www.rfdh.com

RF design house라는 곳입니다. 제 일과 관련이 있는 곳이라 종종 들르는 곳인데 다른 부분들은 별 문제가 없는 것 같은데 제일 위의 메뉴가 파이어폭스에서 제대로 선택이 되지 않습니다. 아주 간단한 메뉴라서 아마도 조금만 수정하면 문제없이 동작할 것으로 추측이 되는데 홈피 주인에게 요청해도 거의 반응이 없습니다. (개인이 운영하는 곳이라 강력하게 요청하기도 어렵구요... --;;;)

어떻게 고쳐야 하는지 고수분들이 알려주시면 그걸 바탕으로 (고치기가 어렵지 않다는 전제하에) 요청해 보려고 합니다. 부탁드립니다.

[빛알갱이]

고치기는 쉬운데, innerHTML을 써서 좀 그렇군요. innerHTML을 안 쓰게 하려면 고칠 것이 조금 많아집니다.

107행에 있는 다음 부분을

Code: Select all

v.innerHTML=document.all('test'+n).innerHTML;

Code: Select all

v = document.getElementById("v");
v.innerHTML = document.getElementById('test'+n).innerHTML;

로 바꾸라고 하세요.

그리고, 기왕 고치는 김에 style1.htm을 'styl1.css'로 이름을 변경하고, 그 파일을 참조할 때에도 (top.php에서) 다음처럼 하라고 하세요.

Code: Select all

<link rel=stylesheet type="text/css" href="./style1.css">

[나루]

안타깝네요. --;; 그래도 꽤나 많은 분들이 이용하시는 사이트인데...

빛알갱이님이 말씀해 주신대로 했는데도 동작을 하지 않는다고 하는군요.

혹시 다른 부분을 고칠 곳이 있는지 좀 알려주세요.

[나루]

빛알갱이 님이 말씀하신대로 고치니까 파이어폭스에서는 제대로 되는데, 익스에서 오류가 나는군요. --;;; 어떻게 고쳐야 익스와 파이어폭스 양쪽에서 잘 보일까요?

[파란사오정]

아래의 빛알갱이님의 소스에는 문제가 없습니다...
IE가 이 코드를 해석하는데 문제를 일으키는 것 같습니다.

Code: Select all

v = document.getElementById("v"); 
v.innerHTML = document.getElementById('test'+n).innerHTML;

TD 태그에서 id=v를
id="vv"로 고치고요...
(가능하면 id명이나 객체명은 길이가 2문자이상이어야
내부충돌을 피할 수 있습니다...)

위의 자바스크립트 코드도 아래처럼 "vv"로 고치면 됩니다...

(이 문제는 firefox에서는 일어나지 않고요...
IE에서만 나타나는 문제입니다...
IE가 내부적으로 id=v를 해석하는데 문제가 있는 걸로 보여집니다...)

Code: Select all

v = document.getElementById("vv"); 
v.innerHTML = document.getElementById('test'+n).innerHTML;

[파란사오정]

아...
그리고요...
위에서 오류가 발생하는 이유는...

IE 같은 경우에는 document.getElementById()에서
ID명과 객체명을 같게 쓰면 안됩니다.

vvv = document.getElementById("vvv");

위와 같이하면 에러가 나는 군요...
아래처럼 다르게 해야합니다.

v8v = document.getElementById("vvv");

[나루]

고쳐졌습니다. 모든 메뉴가 정상 동작하는지는 살펴보지 못했습니다만 일단 대문에서 메뉴 선택이 안되어서 접근도 하지 못했던 것은 해결되었습니다. 기쁘네요. 운영자님이 바쁜 중에서 시간을 내어서 고쳐주셨군요. 다른 사이트의 운영자분들도 바쁘더라도 시간을 좀 내어주시면 좋을텐데.... ^^;;; 여하튼 기쁜 소식 하나였습니다.