채택완료

홈(index)으로 갔을 때 탭메뉴01의 상태로....

2013-12-30 (월) 02:16:28 6,381
아래는 텝메뉴입니다. 
탭메뉴01를 클릭하면 111로 가고
탭메뉴02를 클릭했을때는 222로 이동을 합니다.

그런데 홈(index)으로 가면 111, 222가 전부 나오는데
이것을 111만 나오게 하려고요. 지도 부탁드립니다.
감사합니다. 

Copy
<script type='text/javascript'> 
function viewContents(i) 
{ 
    document.getElementById('contents1').style.display = "none"; 
    document.getElementById('contents2').style.display = "none"; 
    document.getElementById('contents'+i).style.display = ""; 
} 
</script> 

<!--ui object --> 
<div class="tab_tite"> 
<ul> 
<li class="on" onclick="viewContents(1)"><a href="#">탭메뉴01</a></li> 
<li class="on" onclick="viewContents(2);"><a href="#">탭메뉴02</a></li> 
</ul> 
</div> 
<!--//ui object --> 

<div id="contents1" > 
<table border="0" cellpadding="0" cellspacing="0" width="180" height="100"> 
<tr> 
    <td bgcolor="#ffffff" colspan=3 > 1111
    </td> 
</tr> 
</table> 
</div> 


<div id="contents2" > 
<table border="0" cellpadding="0" cellspacing="0" width="180" height="100"> 
<tr> 
    <td bgcolor="#ffffff" colspan=3 > 222
    </td> 
</tr> 
</table> 
</div>
|

답변 4개

채택된 답변
+20 포인트
window.onload = function() {
viewContents(1)
}
슈와이님, 답변 감사합니다.
적용해 보겠습니다. 
운비님, 답변 대단히 감사드립니다. 
적용해 보겠습니다. 
<div id="contents1" style="display:none;" > 
<div id="contents2" style="display:none;" > 
이런식으로 넣으세요
<li class="on" onclick="viewContents(1)"><a href="#">탭메뉴01</a></li>
여긴 세미콜론이 빠져있네요.

답변을 작성하려면 로그인이 필요합니다.