DIV 질문입니다,. 고수님들 확인 부탁드립니다. 정보
DIV 질문입니다,. 고수님들 확인 부탁드립니다.본문
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<script language="javascript">
<!--
function viewOn(name) {
name.style.display= "block";
}
function viewOff(name) {
name.style.display = "none";
}
//-->
</script>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane1);viewOff(tabPane2);viewOff(tabPane3);viewOff(tabPane4);viewOff(tabPane5);viewOff(tabPane6);" style="cursor:pointer">
1번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane2);viewOff(tabPane1);viewOff(tabPane3);viewOff(tabPane4);viewOff(tabPane5);viewOff(tabPane6);" style="cursor:pointer">
2번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane3);viewOff(tabPane1);viewOff(tabPane2);viewOff(tabPane4);viewOff(tabPane5);viewOff(tabPane6);" style="cursor:pointer">
3번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane4);viewOff(tabPane1);viewOff(tabPane2);viewOff(tabPane3);viewOff(tabPane5);viewOff(tabPane6);" style="cursor:pointer">
4번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane5);viewOff(tabPane1);viewOff(tabPane2);viewOff(tabPane3);viewOff(tabPane4);viewOff(tabPane6);" style="cursor:pointer">
5번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane6);viewOff(tabPane1);viewOff(tabPane2);viewOff(tabPane3);viewOff(tabPane4);viewOff(tabPane5);" style="cursor:pointer">
6번</a>
</TD>
</BODY>
<div id="tabPane1" style="display:none;">1111</div>
<div id="tabPane2" style="display:none;">2222</div>
<div id="tabPane3" style="display:none;">3333</div>
<div id="tabPane4" style="display:none;">4444</div>
<div id="tabPane5" style="display:none;">5555</div>
<div id="tabPane6" style="display:none;">6666</div>
이런소스를 찾았습니다.
이문서를 웹에 뛰우면 1번 2번 3번 이렇게나옵니다.
그런데 1번 2번 3번을 클릭해야 내용을 볼수있는데..
페이지를 뛰우면 1번의 내용 1111은 첫화면에 보이도록 하려고 합니다..
지금은 페이지를 뛰우면 아무것도 뜨지 않는데. 페이지를 실행하면
1번의 내용 1111은 보이고 2번을 클릭하면 1번의 내용없어지고 2번의 내용을 보이도록 하려고 합니다.
도움 부탁드립니다.
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<script language="javascript">
<!--
function viewOn(name) {
name.style.display= "block";
}
function viewOff(name) {
name.style.display = "none";
}
//-->
</script>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane1);viewOff(tabPane2);viewOff(tabPane3);viewOff(tabPane4);viewOff(tabPane5);viewOff(tabPane6);" style="cursor:pointer">
1번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane2);viewOff(tabPane1);viewOff(tabPane3);viewOff(tabPane4);viewOff(tabPane5);viewOff(tabPane6);" style="cursor:pointer">
2번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane3);viewOff(tabPane1);viewOff(tabPane2);viewOff(tabPane4);viewOff(tabPane5);viewOff(tabPane6);" style="cursor:pointer">
3번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane4);viewOff(tabPane1);viewOff(tabPane2);viewOff(tabPane3);viewOff(tabPane5);viewOff(tabPane6);" style="cursor:pointer">
4번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane5);viewOff(tabPane1);viewOff(tabPane2);viewOff(tabPane3);viewOff(tabPane4);viewOff(tabPane6);" style="cursor:pointer">
5번</a>
</TD>
<TD>
<A onfocus='blur()'onclick="viewOn(tabPane6);viewOff(tabPane1);viewOff(tabPane2);viewOff(tabPane3);viewOff(tabPane4);viewOff(tabPane5);" style="cursor:pointer">
6번</a>
</TD>
</BODY>
<div id="tabPane1" style="display:none;">1111</div>
<div id="tabPane2" style="display:none;">2222</div>
<div id="tabPane3" style="display:none;">3333</div>
<div id="tabPane4" style="display:none;">4444</div>
<div id="tabPane5" style="display:none;">5555</div>
<div id="tabPane6" style="display:none;">6666</div>
이런소스를 찾았습니다.
이문서를 웹에 뛰우면 1번 2번 3번 이렇게나옵니다.
그런데 1번 2번 3번을 클릭해야 내용을 볼수있는데..
페이지를 뛰우면 1번의 내용 1111은 첫화면에 보이도록 하려고 합니다..
지금은 페이지를 뛰우면 아무것도 뜨지 않는데. 페이지를 실행하면
1번의 내용 1111은 보이고 2번을 클릭하면 1번의 내용없어지고 2번의 내용을 보이도록 하려고 합니다.
도움 부탁드립니다.
댓글 전체
<div id="tabPane1">1111</div>
style="display:none;" 이게 보여주지 말아라..는 뜻입니다. 그러니 지워버리면 보이죠. ^^