묻고답하기
디시인사이드 메뉴바 만들기.. 왜 안되는 거죠?
2005.09.06 12:20
<html>
<head>
<title>디시인사이드-메뉴</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<SCRIPT LANGUAGE="JavaScript">
<!--
function display(id,imgName,s_num,e_num, add_num){
for(i=s_num; i<e_num; i++){
if(add_num){
temp= "menu"+add_num+""+i;
temp_img= "img"+add_num+""+i;
}
else{
temp= "menu"+i;
temp_img= "img"+i;
}
//alert(temp);
if(id==temp){
if(document.all[temp]){
if(document.all[temp].style.display=="none"){
document.all[temp].style.display="";
if(document.all[temp_img]){
document.all[temp_img].background = "./goods/img/menubar1.gif";
}
}
else{
document.all[temp].style.display="none";
if(document.all[temp_img]){
document.all[temp_img].background = "./goods/img/menubar2.gif";
}
}
}
}
else{
if(document.all[temp]){
if(document.all[temp].style.display==""){
document.all[temp].style.display="none";
if(document.all[temp_img]){
document.all[temp_img].background = "./goods/img/menubar2.gif";
}
}
}
}
}
}
//-->
</SCRIPT>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="155">
<tr>
<td id='img0' width="100%" height="32" onClick="display('menu0','img0' ,0,5);" ><span style="line-height:1.2;text-decoration:none;cursor:hand"><a style='text-decoration:none;' ><font color='#1E5092' face="돋움" size="2"><img src="images/sub_screen/left_screen_menu_t.gif" width="155" height="31"></font></a></span></td>
</tr>
<tr id='menu0' >
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" onClick="display('menu200','img200', 0, 2,20);">이보영의 화상 영어는? </td>
</tr>
<tr>
<td width="100%" onClick="display('menu201','img201', 0, 2,20);"><a style="text-decoration:none;cursor:hand" ><font face="돋움">이보영식 영어 학습</font></a> </td>
</tr>
</table></td>
</tr>
<tr>
<td id='img1' width="100%" height="32" onClick="display('menu1','img1' ,0,5);" ><span style="line-height:1.2;text-decoration:none;cursor:hand"><a style='text-decoration:none;' ><font color='#1E5092' face="돋움" size="2"><img src="images/sub_screen/left_screen_menu_p.gif" width="155" height="31"></font></a></span></td>
</tr>
<tr id='menu1' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu210','img210', 0, 10,21);"> 프로그램 안내 </td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu211','img211', 0, 10,21);"> 연령별 교육강좌 </td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu212','img212', 0, 10,21);"> 교육 강좌와 교재</td>
</tr>
</table></td>
</tr>
<tr>
<td id='img2' width="100%" height="32" onClick="display('menu2','img2' ,0,5);" > <span style="line-height:1.2;text-decoration:none;cursor:hand"> <img src="images/sub_screen/left_screen_menu_s.gif" width="155" height="31"></span></td>
</tr>
<tr id='menu2' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu220','img220', 0, 30,22);"> 1:3 화상 수업 샘플</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu221','img221', 0, 30,22);"> 1:1 화상 수업 샘플</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu222'+ '+ ','img222', 0, 30,22);"> 1:1 전화 영어 샘플</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu223','img223', 0, 30,22);"> 수업 소감</td>
</tr>
</table></td>
</tr>
<tr>
<td id='img3' width="100%" height="32" onClick="display('menu3','img3' ,0,5);" > <span style="line-height:1.2;text-decoration:none;cursor:hand"> <img src="images/sub_screen/left_screen_menu_w.gif" width="155" height="31"></span></td>
</tr>
<tr id='menu3' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu230','img230', 0, 4,23);"> <span style="line-height:1.2;text-decoration:none;">화상 영어 강사 소개</span> </td>
</tr>
<tr width="100%" height="20" onClick="display('menu231','img231', 0, 4,23);">
<td>전화 영어 강사 소개</td>
</tr>
</table></td>
</tr>
<tr>
<td id='img4' width="100%" height="32" onClick="display('menu4','img4' ,0,5);" > <span style="line-height:1.2;text-decoration:none;cursor:hand"> <img src="images/sub_screen/left_screen_menu_l.gif" width="155" height="31"></span></td>
</tr>
<tr id='menu4' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu240','img240', 0, 1,10);"> 레벨 테스트 안내</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu241','img241', 0, 1,10);"> 필기 레벨 테스트 보기</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu242','img242', 0, 1,10);"> 원어민 인터뷰 신청</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu243','img243', 0, 1,10);"> 레벨 테스트 결과 보기</td>
</tr>
</table></td>
</tr>
<tr>
<td id='img5' width="100%" height="32" onClick="display('menu5','img5' ,0,5);"> <span style="line-height:1.2;text-decoration:none;cursor:hand"> <img src="images/sub_screen/left_screen_menu_p.gif" width="155" height="31"></span></td>
</tr>
<tr id='menu5' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu250','img250', 0, 1,10);"> 레벨 테스트 안내</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu251','img251', 0, 1,10);"> 처음 등록하기</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu252','img252', 0, 1,10);"> 재등록하기</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu253','img253', 0, 1,10);"> 등록확인 하기</td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
디시 인사이드 메뉴 처럼 만들려고 하는데.. 스크립트를 잘 몰라서..
마지막게 작동을 안하네요.. 레벨 테스트 안내.. 마지막 아이콘 있는 부분이요... menu5번..
혹시 아시는 분 부탁좀 드릴께요.
<head>
<title>디시인사이드-메뉴</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<SCRIPT LANGUAGE="JavaScript">
<!--
function display(id,imgName,s_num,e_num, add_num){
for(i=s_num; i<e_num; i++){
if(add_num){
temp= "menu"+add_num+""+i;
temp_img= "img"+add_num+""+i;
}
else{
temp= "menu"+i;
temp_img= "img"+i;
}
//alert(temp);
if(id==temp){
if(document.all[temp]){
if(document.all[temp].style.display=="none"){
document.all[temp].style.display="";
if(document.all[temp_img]){
document.all[temp_img].background = "./goods/img/menubar1.gif";
}
}
else{
document.all[temp].style.display="none";
if(document.all[temp_img]){
document.all[temp_img].background = "./goods/img/menubar2.gif";
}
}
}
}
else{
if(document.all[temp]){
if(document.all[temp].style.display==""){
document.all[temp].style.display="none";
if(document.all[temp_img]){
document.all[temp_img].background = "./goods/img/menubar2.gif";
}
}
}
}
}
}
//-->
</SCRIPT>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="155">
<tr>
<td id='img0' width="100%" height="32" onClick="display('menu0','img0' ,0,5);" ><span style="line-height:1.2;text-decoration:none;cursor:hand"><a style='text-decoration:none;' ><font color='#1E5092' face="돋움" size="2"><img src="images/sub_screen/left_screen_menu_t.gif" width="155" height="31"></font></a></span></td>
</tr>
<tr id='menu0' >
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" onClick="display('menu200','img200', 0, 2,20);">이보영의 화상 영어는? </td>
</tr>
<tr>
<td width="100%" onClick="display('menu201','img201', 0, 2,20);"><a style="text-decoration:none;cursor:hand" ><font face="돋움">이보영식 영어 학습</font></a> </td>
</tr>
</table></td>
</tr>
<tr>
<td id='img1' width="100%" height="32" onClick="display('menu1','img1' ,0,5);" ><span style="line-height:1.2;text-decoration:none;cursor:hand"><a style='text-decoration:none;' ><font color='#1E5092' face="돋움" size="2"><img src="images/sub_screen/left_screen_menu_p.gif" width="155" height="31"></font></a></span></td>
</tr>
<tr id='menu1' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu210','img210', 0, 10,21);"> 프로그램 안내 </td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu211','img211', 0, 10,21);"> 연령별 교육강좌 </td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu212','img212', 0, 10,21);"> 교육 강좌와 교재</td>
</tr>
</table></td>
</tr>
<tr>
<td id='img2' width="100%" height="32" onClick="display('menu2','img2' ,0,5);" > <span style="line-height:1.2;text-decoration:none;cursor:hand"> <img src="images/sub_screen/left_screen_menu_s.gif" width="155" height="31"></span></td>
</tr>
<tr id='menu2' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu220','img220', 0, 30,22);"> 1:3 화상 수업 샘플</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu221','img221', 0, 30,22);"> 1:1 화상 수업 샘플</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu222'+ '+ ','img222', 0, 30,22);"> 1:1 전화 영어 샘플</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu223','img223', 0, 30,22);"> 수업 소감</td>
</tr>
</table></td>
</tr>
<tr>
<td id='img3' width="100%" height="32" onClick="display('menu3','img3' ,0,5);" > <span style="line-height:1.2;text-decoration:none;cursor:hand"> <img src="images/sub_screen/left_screen_menu_w.gif" width="155" height="31"></span></td>
</tr>
<tr id='menu3' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu230','img230', 0, 4,23);"> <span style="line-height:1.2;text-decoration:none;">화상 영어 강사 소개</span> </td>
</tr>
<tr width="100%" height="20" onClick="display('menu231','img231', 0, 4,23);">
<td>전화 영어 강사 소개</td>
</tr>
</table></td>
</tr>
<tr>
<td id='img4' width="100%" height="32" onClick="display('menu4','img4' ,0,5);" > <span style="line-height:1.2;text-decoration:none;cursor:hand"> <img src="images/sub_screen/left_screen_menu_l.gif" width="155" height="31"></span></td>
</tr>
<tr id='menu4' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu240','img240', 0, 1,10);"> 레벨 테스트 안내</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu241','img241', 0, 1,10);"> 필기 레벨 테스트 보기</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu242','img242', 0, 1,10);"> 원어민 인터뷰 신청</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu243','img243', 0, 1,10);"> 레벨 테스트 결과 보기</td>
</tr>
</table></td>
</tr>
<tr>
<td id='img5' width="100%" height="32" onClick="display('menu5','img5' ,0,5);"> <span style="line-height:1.2;text-decoration:none;cursor:hand"> <img src="images/sub_screen/left_screen_menu_p.gif" width="155" height="31"></span></td>
</tr>
<tr id='menu5' style="display:none;">
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" width="150" align="center">
<tr>
<td width="100%" height="20" onClick="display('menu250','img250', 0, 1,10);"> 레벨 테스트 안내</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu251','img251', 0, 1,10);"> 처음 등록하기</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu252','img252', 0, 1,10);"> 재등록하기</td>
</tr>
<tr>
<td width="100%" height="20" onClick="display('menu253','img253', 0, 1,10);"> 등록확인 하기</td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
디시 인사이드 메뉴 처럼 만들려고 하는데.. 스크립트를 잘 몰라서..
마지막게 작동을 안하네요.. 레벨 테스트 안내.. 마지막 아이콘 있는 부분이요... menu5번..
혹시 아시는 분 부탁좀 드릴께요.