드롭메뉴에 관한 팁 하나
.
주메뉴에 마우스가 올라가면 부메뉴가 가로로 나열되는 방식인데...
별다른 생각없이 홈피에 적용하여 한참을 진행하다가...모니터의 해상도가 다른 PC에서 홈피를 확인해보니 부메뉴가 내가 지정했던 위치와는 전혀 다른곳으로 이동되어 있었습니다.
물론 가장 근본적인 원인은 홈페이지가 중앙정렬로 되어 있었기 때문입니다...
center 정렬을 해도 틀어지지 않는 소스를 찾다가 찾아낸게....
https://www.blueb.co.kr/bbs.php?table=JS_03&where=ALL&search_step=1&category=메뉴&query=view&uid=172&p=1
위에 소스입니다....
위에 소스는 내 고민을 한꺼번에 날려는 주었지만, 한가지 문제를 또 안겨주었습니다....
일반 페이지파일에서는 이상없이 작동이 잘되었지만 게시판이 연결된 페이지에선 부메뉴가 안뜨는 겁니다....
소스충돌까지 염두에 두고서 소스수정을 시도했으나 헛수고였고, body에 들어가야하는 <body onload=init();> <= 이 소스가 원인임을 추후에 알게되어 해결점을 찾다가 https://www.onuri.co.kr/bbs/board.php?bo_table=04_3&wr_id=7 <= 이곳에서 해결점을 찾앗습니다...
-----------------------------------
<script language=javascript>
var preloaded = [];
function init() {
mtDropDown.initialize();
}
주메뉴에 마우스가 올라가면 부메뉴가 가로로 나열되는 방식인데...
별다른 생각없이 홈피에 적용하여 한참을 진행하다가...모니터의 해상도가 다른 PC에서 홈피를 확인해보니 부메뉴가 내가 지정했던 위치와는 전혀 다른곳으로 이동되어 있었습니다.
물론 가장 근본적인 원인은 홈페이지가 중앙정렬로 되어 있었기 때문입니다...
center 정렬을 해도 틀어지지 않는 소스를 찾다가 찾아낸게....
https://www.blueb.co.kr/bbs.php?table=JS_03&where=ALL&search_step=1&category=메뉴&query=view&uid=172&p=1
위에 소스입니다....
위에 소스는 내 고민을 한꺼번에 날려는 주었지만, 한가지 문제를 또 안겨주었습니다....
일반 페이지파일에서는 이상없이 작동이 잘되었지만 게시판이 연결된 페이지에선 부메뉴가 안뜨는 겁니다....
소스충돌까지 염두에 두고서 소스수정을 시도했으나 헛수고였고, body에 들어가야하는 <body onload=init();> <= 이 소스가 원인임을 추후에 알게되어 해결점을 찾다가 https://www.onuri.co.kr/bbs/board.php?bo_table=04_3&wr_id=7 <= 이곳에서 해결점을 찾앗습니다...
-----------------------------------
<script language=javascript>
var preloaded = [];
function init() {
mtDropDown.initialize();
}
function swapImage(imgName, sFilename) {
document.images[imgName].src = sFilename;
}
</script>
-------------------------------------
위에 소스를 아래처럼 수정해 주시면 간단히 해결이 됩니다.
-------------------------------------
<script language=javascript>
var preloaded = [];
function init() {
mtDropDown.initialize();
}
function swapImage(imgName, sFilename) {
document.images[imgName].src = sFilename;
}
if (window.attachEvent) window.attachEvent("onload", init);
else if (window.addEventListener) window.addEventListener("load", init, false);
</script>
------------------------------------
소스중에서 이부분을 이렇게 수정한 뒤에
게시판 연결되는 푸더 파일 소스중 태그 바로 위에
위에 소스를 삽입을 하면 제로보드에서 사용하는 자바스크립트 소스와 충돌이 나질 않을 듯 싶기도하다.
게시판 연결되는 푸더 파일 소스중 태그 바로 위에
위에 소스를 삽입을 하면 제로보드에서 사용하는 자바스크립트 소스와 충돌이 나질 않을 듯 싶기도하다.
신고
"님의 댓글"
이 댓글을 신고하시겠습니까?
