파이어폭스에서는 텝바가 안되네요..
Posted: 2011 06 28 10:49 54
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>111</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function tab(param){
var cnt = 4;
for(i=1; i<(cnt+1);i++){
X = eval("document.all.tab"+i)
Y = eval("document.all.img"+i)
if(i == param){
X.style.display = "block";
Y.src = "img/sub2/sub03_02_01/tab"+i+"_on.jpg";
}else{
X.style.display = "none";
Y.src = "img/sub2/sub03_02_01/tab"+i+".jpg";
}
}
}
//function init(){
// parent.change_it(3,5);
// }
// window.onload = init;
//-->
</SCRIPT>
<body>
<div id="sub_wraper">
<div class="subimg02">
<div id="boardBox"><br />
<a href="javascript:tab(1)"><img src="img/sub2/sub03_02_01/tab1_on.jpg" alt="1" id="img1"/ ></a>
<a href="javascript:tab(2)"><img src="img/sub2/sub03_02_01/tab2.jpg" alt="2" id="img2"/></a>
<a href="javascript:tab(3)"><img src="img/sub2/sub03_02_01/tab3.jpg" alt="3" id="img3"/ ></a>
<a href="javascript:tab(4)"><img src="img/sub2/sub03_02_01/tab4.jpg" alt="4" id="img4"/></a>
<!--1-->
<span id="tab1" style="display:block"><img src="img/sub2/sub02_03_01.jpg" alt="시험대비" /></span>
<!--2-->
<span id="tab2" style="display:none"><img src="img/sub2/sub02_03_02.jpg" alt="회화" /></span>
<!--3-->
<span id="tab3" style="display:none"><img src="img/sub2/sub02_03_03.jpg" alt="영작" /></span>
<!--4-->
<span id="tab4" style="display:none"><img src="img/sub2/sub02_03_04.jpg" alt="일어/중국어" /></span>
</div>
</div>
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OUIF : Faced Tab</title>
<link rel="stylesheet" type="text/css" href="facedTab.css"/>
</head>
<body>
<div class="facedTab m1 s1 jsOff">
<ul>
<li class="m1"><a href="#"><span>Menu 1</span></a>
<ul>
<li class="s1"><a href="#">Menu 1-1</a></li>
<li class="s2"><a href="#">Menu 1-2</a></li>
<li class="s3"><a href="#">Menu 1-3</a></li>
</ul>
</li>
<li class="m2"><a href="#"><span>Menu 2</span></a>
<ul>
<li class="s1"><a href="#">Menu 2-1</a></li>
<li class="s2"><a href="#">Menu 2-2</a></li>
<li class="s3"><a href="#">Menu 2-3</a></li>
</ul>
</li>
<li class="m3"><a href="#"><span>Menu 3</span></a>
<ul>
<li class="s1"><a href="#">Menu 3-1</a></li>
<li class="s2"><a href="#">Menu 3-2</a></li>
<li class="s3"><a href="#">Menu 3-3</a></li>
</ul>
</li>
</ul>
</div>
<button type="button" onclick="$('link[href=facedTab.css]').attr('href','')">CSS(X)</button>
<button type="button" onclick="$('link[href]').attr('href','facedTab.css')">CSS(O)</button>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="facedTab.js"></script>
</body>
</html>
이부분에서
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
를 넣으니 모질라에서는 실행이 안되네요.
해결 방법이 있을까요?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>111</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function tab(param){
var cnt = 4;
for(i=1; i<(cnt+1);i++){
X = eval("document.all.tab"+i)
Y = eval("document.all.img"+i)
if(i == param){
X.style.display = "block";
Y.src = "img/sub2/sub03_02_01/tab"+i+"_on.jpg";
}else{
X.style.display = "none";
Y.src = "img/sub2/sub03_02_01/tab"+i+".jpg";
}
}
}
//function init(){
// parent.change_it(3,5);
// }
// window.onload = init;
//-->
</SCRIPT>
<body>
<div id="sub_wraper">
<div class="subimg02">
<div id="boardBox"><br />
<a href="javascript:tab(1)"><img src="img/sub2/sub03_02_01/tab1_on.jpg" alt="1" id="img1"/ ></a>
<a href="javascript:tab(2)"><img src="img/sub2/sub03_02_01/tab2.jpg" alt="2" id="img2"/></a>
<a href="javascript:tab(3)"><img src="img/sub2/sub03_02_01/tab3.jpg" alt="3" id="img3"/ ></a>
<a href="javascript:tab(4)"><img src="img/sub2/sub03_02_01/tab4.jpg" alt="4" id="img4"/></a>
<!--1-->
<span id="tab1" style="display:block"><img src="img/sub2/sub02_03_01.jpg" alt="시험대비" /></span>
<!--2-->
<span id="tab2" style="display:none"><img src="img/sub2/sub02_03_02.jpg" alt="회화" /></span>
<!--3-->
<span id="tab3" style="display:none"><img src="img/sub2/sub02_03_03.jpg" alt="영작" /></span>
<!--4-->
<span id="tab4" style="display:none"><img src="img/sub2/sub02_03_04.jpg" alt="일어/중국어" /></span>
</div>
</div>
</body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OUIF : Faced Tab</title>
<link rel="stylesheet" type="text/css" href="facedTab.css"/>
</head>
<body>
<div class="facedTab m1 s1 jsOff">
<ul>
<li class="m1"><a href="#"><span>Menu 1</span></a>
<ul>
<li class="s1"><a href="#">Menu 1-1</a></li>
<li class="s2"><a href="#">Menu 1-2</a></li>
<li class="s3"><a href="#">Menu 1-3</a></li>
</ul>
</li>
<li class="m2"><a href="#"><span>Menu 2</span></a>
<ul>
<li class="s1"><a href="#">Menu 2-1</a></li>
<li class="s2"><a href="#">Menu 2-2</a></li>
<li class="s3"><a href="#">Menu 2-3</a></li>
</ul>
</li>
<li class="m3"><a href="#"><span>Menu 3</span></a>
<ul>
<li class="s1"><a href="#">Menu 3-1</a></li>
<li class="s2"><a href="#">Menu 3-2</a></li>
<li class="s3"><a href="#">Menu 3-3</a></li>
</ul>
</li>
</ul>
</div>
<button type="button" onclick="$('link[href=facedTab.css]').attr('href','')">CSS(X)</button>
<button type="button" onclick="$('link[href]').attr('href','facedTab.css')">CSS(O)</button>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="facedTab.js"></script>
</body>
</html>
이부분에서
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
를 넣으니 모질라에서는 실행이 안되네요.
해결 방법이 있을까요?