답변좀 부탁드립니다. 급한데 부탁드려요. 정보
답변좀 부탁드립니다. 급한데 부탁드려요.본문
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=75006&sca=&sfl=mb_id%2C1&stx=wanee&sop=and
해당스킨을 사용하려 합니다.
근데 문제가 발생했습니다.
이 스킨을 똑같은걸로 3개정도 집어넣으려고 합니다.
가령 1번최신글 2번최신글 3번최신글이 있을떄
3번최신글쪽 메뉴에 마우스를 가져가면 1번최신글이 움직여버립니다.
어떻게 하면 될까요?
해당 홈페이지는 http://busanhouse.net 입니다.
도움부탁드려요,.
해당스킨을 사용하려 합니다.
근데 문제가 발생했습니다.
이 스킨을 똑같은걸로 3개정도 집어넣으려고 합니다.
가령 1번최신글 2번최신글 3번최신글이 있을떄
3번최신글쪽 메뉴에 마우스를 가져가면 1번최신글이 움직여버립니다.
어떻게 하면 될까요?
해당 홈페이지는 http://busanhouse.net 입니다.
도움부탁드려요,.
댓글 전체
1번 최신글에 해당하는 라벨,
2번 최신글에 해당하는 라벨,
3번 최신글에 해당하는 라벨을 각각 다르게 해보세요.
2번 최신글에 해당하는 라벨,
3번 최신글에 해당하는 라벨을 각각 다르게 해보세요.
id가 중복되서 그럴겁니다.
각 <img id="tab_bar1" style="cursor:pointer;" onMouseOver="tab_img_change(1)" 를
<img id="<?=$tab_bo1?>tab_bar1" style="cursor:pointer;" onMouseOver="tab_img_change('<?=$tab_bo1?>',1)"
이런식으로 바꾸시고, <div id="tab_view1"> 들도 각 번호순에 맞게 <div id="<?=$tab_bo1?>tab_view1"> 로 바꾸신다음, 해당 함수도 바꿔야겠죠(pf부분만 추가했습니다).
function tab_img_change(pf,t){
for(var i = 1; i <= 4; i++) {
img = document.getElementById(pf+'tab_bar'+i);
img.src = "<?=$tab_img?>/tab"+i+"_off.gif";
eval("document.getElementById(pf+'tab_view"+i+"')").style.display="none";
if ( t == i ) {
img.src = "<?=$tab_img?>/tab"+i+"_on.gif";
eval("document.getElementById(pf+'tab_view"+i+"')").style.display="";
}
}
}
이런식으로 수정하면 여러개여도 아이디충돌은 없지않을까 싶네요..
각 <img id="tab_bar1" style="cursor:pointer;" onMouseOver="tab_img_change(1)" 를
<img id="<?=$tab_bo1?>tab_bar1" style="cursor:pointer;" onMouseOver="tab_img_change('<?=$tab_bo1?>',1)"
이런식으로 바꾸시고, <div id="tab_view1"> 들도 각 번호순에 맞게 <div id="<?=$tab_bo1?>tab_view1"> 로 바꾸신다음, 해당 함수도 바꿔야겠죠(pf부분만 추가했습니다).
function tab_img_change(pf,t){
for(var i = 1; i <= 4; i++) {
img = document.getElementById(pf+'tab_bar'+i);
img.src = "<?=$tab_img?>/tab"+i+"_off.gif";
eval("document.getElementById(pf+'tab_view"+i+"')").style.display="none";
if ( t == i ) {
img.src = "<?=$tab_img?>/tab"+i+"_on.gif";
eval("document.getElementById(pf+'tab_view"+i+"')").style.display="";
}
}
}
이런식으로 수정하면 여러개여도 아이디충돌은 없지않을까 싶네요..