스크립트를 써서 페이지 내 탭메뉴 컨텐츠를 작업했습니다.
그런데 메인화면에서(index.php) 탭 두번째꺼로 이동을 해야되는데 어케 해야 되는지 모르겠습니까.
현재 'a href=페이지#pro_cont2'라고 걸어두긴 했는데도 이동이 안됩니다.. 방법이 없을까요.
<div class="con_tab tab_b">
<ul class="w3">
<li><a href="javascript:();" id="pro_btn1" onclick="pro_tab(1);return false" class="on"><span class="eng">탭1</span></a></li>
<li><a href="javascript:();" id="pro_btn2" onclick="pro_tab(2);return false"><span class="eng">탭2</span></a></li>
</ul>
</div>
<div id="pro_cont1" name="pro_cont1">
내용1
</div>
<div id="pro_cont2" name="pro_cont2" style="display:none;">
내용2
</div>
답변 2개 / 댓글 3개
a태그에 onclick에 있는 함수를 이렇게 수정해 보시면 어떨까요?
<script>
function pro_tab(tab) {
var tab1 = document.getElementById('pro_cont1');
var tab2 = document.getElementById('pro_cont2');
if (tab == 1) {
tab1.style.display = "block";
tab2.style.display = "none";
} else {
tab1.style.display = "none";
tab2.style.display = "block";
}
}
</script>
답변에 대한 댓글 2개
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
function pro_tab(a){
for(var i=1;i<7;i++){
try{obj = document.getElementById("pro_cont"+i);}catch(err){obj=null;}
try{obj2 = document.getElementById("pro_btn"+i);}catch(err){obj2=null;}
if(a==i){
if($("#pro_cont"+a).css("display") == "none"){
$("#pro_cont"+a).css("display", "block")
$("#pro_btn"+a).addClass("on");
}else{
$("#pro_cont"+a).css("display", "none")
$("#pro_btn"+a).removeClass("on");
}
}else{
if (obj) obj.style.display = "none";
if (obj2) obj2.className = "";
}
}
}
</script>
현재 이렇게 되어 있는데, 이걸 아예 다 빼고 저렇게 수정해보라는 말씀이신가용?'-'