묻고답하기
4단 풀다운 메뉴 구현은 어케 해야 할까요?
2002.07.16 14:24
아...
제가 4 단 풀다운 메뉴를 하고 싶은데요.
어딜 보아도 없구요.
넘 실력이 딸려서 이렇게 올립니다.
첫번째 셀렉트 메뉴 고르면 두번째셀렉트 메뉴 변하구요.
두번째 셀렉트 메뉴 고르면 세번째셀렉트 메뉴 변하구요.
서벤쩨 셀렉트 메뉴 고르면 네번째셀렉트 메뉴 변하는
거거든요.
3 단 까지는 찾앗는데.
4 단은 여기서 응용 할려고 했는데
잘 안 돼서요.
고수님들의 지도 편달을 받고 싶습니다.
3 단 셀렉트 메뉴 소스를 올립니다.
누가 수정해 주시면 좋구요.
감사합니다.
<소스 3 단 풀다운 메뉴>
<HTML>
<HEAD>
<TITLE> 3단 선택 </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---선택 1-------------</option>
<option>검섹앤진모음</option>
<option>신문사이트</option>
</select>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---선택 2--------------</option>
<option value=" " selected>---선택 3--------------</option>
</select>
<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---선택 3----------------</option>
<option value=" " selected>---선택 3----------------</option>
</select>
<script>
<!--
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("---선택 2---"," ");
group[1][0]=new Option("나라선택"," ");
group[1][1]=new Option("국내 검섹","47");
group[1][2]=new Option("양키 검섹","46");
//group[1][3]=new Option("스페어 예제","45");
group[2][0]=new Option("신문 - 선택"," ");
group[2][1]=new Option("국내 신문","115");
group[2][2]=new Option("양키 신문","116");
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("---선택 3---"," ");
secondGroup[1][0][0]=new Option("---선택 3---"," ");
secondGroup[1][1][0]=new Option("울나라 검색선택"," ");
secondGroup[1][1][1]=new Option("네이버","http://www.naver.com");
secondGroup[1][1][2]=new Option("엠파스","http://www.empas.com/");
//secondGroup[1][1][3]=new Option("스페어 예제","http://스페어 예제");
secondGroup[1][2][0]=new Option("양키 검색선택"," ");
secondGroup[1][2][1]=new Option("lycos","http://www.lycos.com");
secondGroup[1][2][2]=new Option("altavista","http://www.altavista.com");
//secondGroup[1][2][3]=new Option("스페어 예제","http://스페어 예제/");
//secondGroup[1][3][0]=new Option("스페어 예제"," ");
//secondGroup[1][3][1]=new Option("스페어 예제","http://스페어 예제");
//secondGroup[1][3][2]=new Option("스페어 예제","http://스페어 예제/");
secondGroup[2][0][0]=new Option("---선택 3---"," ");
secondGroup[2][1][0]=new Option("국내 신문사"," ");
secondGroup[2][1][1]=new Option("매일경제","http://www.mk.co.kr");
secondGroup[2][1][2]=new Option("동아일보","http://www.donga.com");
//secondGroup[2][1][3]=new Option("스페어 예제","http://스페어 예제");
secondGroup[2][2][0]=new Option("양키 신문사"," ");
secondGroup[2][2][1]=new Option("News.com","http://www.news.com");
secondGroup[2][2][2]=new Option("CNN","http://www.cnn.com");
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
window.location=temp1[z].value
}
//-->
</script>
</td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
</소스끝>
제가 4 단 풀다운 메뉴를 하고 싶은데요.
어딜 보아도 없구요.
넘 실력이 딸려서 이렇게 올립니다.
첫번째 셀렉트 메뉴 고르면 두번째셀렉트 메뉴 변하구요.
두번째 셀렉트 메뉴 고르면 세번째셀렉트 메뉴 변하구요.
서벤쩨 셀렉트 메뉴 고르면 네번째셀렉트 메뉴 변하는
거거든요.
3 단 까지는 찾앗는데.
4 단은 여기서 응용 할려고 했는데
잘 안 돼서요.
고수님들의 지도 편달을 받고 싶습니다.
3 단 셀렉트 메뉴 소스를 올립니다.
누가 수정해 주시면 좋구요.
감사합니다.
<소스 3 단 풀다운 메뉴>
<HTML>
<HEAD>
<TITLE> 3단 선택 </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---선택 1-------------</option>
<option>검섹앤진모음</option>
<option>신문사이트</option>
</select>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---선택 2--------------</option>
<option value=" " selected>---선택 3--------------</option>
</select>
<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---선택 3----------------</option>
<option value=" " selected>---선택 3----------------</option>
</select>
<script>
<!--
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("---선택 2---"," ");
group[1][0]=new Option("나라선택"," ");
group[1][1]=new Option("국내 검섹","47");
group[1][2]=new Option("양키 검섹","46");
//group[1][3]=new Option("스페어 예제","45");
group[2][0]=new Option("신문 - 선택"," ");
group[2][1]=new Option("국내 신문","115");
group[2][2]=new Option("양키 신문","116");
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("---선택 3---"," ");
secondGroup[1][0][0]=new Option("---선택 3---"," ");
secondGroup[1][1][0]=new Option("울나라 검색선택"," ");
secondGroup[1][1][1]=new Option("네이버","http://www.naver.com");
secondGroup[1][1][2]=new Option("엠파스","http://www.empas.com/");
//secondGroup[1][1][3]=new Option("스페어 예제","http://스페어 예제");
secondGroup[1][2][0]=new Option("양키 검색선택"," ");
secondGroup[1][2][1]=new Option("lycos","http://www.lycos.com");
secondGroup[1][2][2]=new Option("altavista","http://www.altavista.com");
//secondGroup[1][2][3]=new Option("스페어 예제","http://스페어 예제/");
//secondGroup[1][3][0]=new Option("스페어 예제"," ");
//secondGroup[1][3][1]=new Option("스페어 예제","http://스페어 예제");
//secondGroup[1][3][2]=new Option("스페어 예제","http://스페어 예제/");
secondGroup[2][0][0]=new Option("---선택 3---"," ");
secondGroup[2][1][0]=new Option("국내 신문사"," ");
secondGroup[2][1][1]=new Option("매일경제","http://www.mk.co.kr");
secondGroup[2][1][2]=new Option("동아일보","http://www.donga.com");
//secondGroup[2][1][3]=new Option("스페어 예제","http://스페어 예제");
secondGroup[2][2][0]=new Option("양키 신문사"," ");
secondGroup[2][2][1]=new Option("News.com","http://www.news.com");
secondGroup[2][2][2]=new Option("CNN","http://www.cnn.com");
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
window.location=temp1[z].value
}
//-->
</script>
</td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
</소스끝>