묻고답하기
3단 동적 Select 문 관련 질문입니다.
2004.03.18 09:27
<html>
<head>
<title>Dynamic Select Form Sample</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<script language="javascript">
<!--
function Category(value) {
this.value = value;
this.length = 0;
}
function addCategory(category, value) {
category[category.length] = new Category(value);
category.length++;
}
var category = new Category();
addCategory(category, "1");
addCategory(category[0], "선택하세요");
addCategory(category[0], "=========");
addCategory(category[0], "1");
addCategory(category[0][2], "선택하세요");
addCategory(category[0][2], "=============");
addCategory(category[0][2], "1");
addCategory(category[0][2], "2");
addCategory(category[0], "2");
addCategory(category[0][3], "선택하세요");
addCategory(category[0][3], "=============");
addCategory(category[0][3], "1");
addCategory(category[0][3], "2");
addCategory(category, "2");
addCategory(category[1], "선택하세요");
addCategory(category[1], "=========");
addCategory(category[1], "1");
addCategory(category[1][2], "선택하세요");
addCategory(category[1][2], "=============");
addCategory(category[1][2], "1");
addCategory(category[1][2], "2");
addCategory(category[1], "2");
addCategory(category[1][3], "선택하세요");
addCategory(category[1][3], "=============");
addCategory(category[1][3], "1");
addCategory(category[1][3], "2");
addCategory(category, "3");
addCategory(category[2], "선택하세요");
addCategory(category[2], "=========");
addCategory(category[2], "1");
addCategory(category[2][2], "선택하세요");
addCategory(category[2][2], "=============");
addCategory(category[2][2], "1");
addCategory(category[2][2], "2");
addCategory(category[2], "2");
addCategory(category[2][3], "선택하세요");
addCategory(category[2][3], "=============");
addCategory(category[2][3], "1");
addCategory(category[2][3], "2");
addCategory(category, "4");
addCategory(category[3], "선택하세요");
addCategory(category[3], "=========");
addCategory(category[3], "1");
addCategory(category[3][2], "선택하세요");
addCategory(category[3][2], "=============");
addCategory(category[3][2], "1");
addCategory(category[3][2], "2");
addCategory(category[3], "2");
addCategory(category[3][3], "선택하세요");
addCategory(category[3][3], "=============");
addCategory(category[3][3], "1");
addCategory(category[3][3], "2");
addCategory(category, "5");
addCategory(category[4], "선택하세요");
addCategory(category[4], "=========");
addCategory(category[4], "1");
addCategory(category[4][2], "2");
function initForm(form) {
form.characterrace.length = category.length;
for (i = 0; i < category.length; i++)
form.characterrace[i].text = category[i].value;
form.characterrace.selectedIndex = 0;
form.characterPjob.selectedIndex = 0;
change_characterrace(form);
}
function change_characterrace(form) {
var i = form.characterrace.selectedIndex;
form.characterPjob.length = category[i].length;
for (j = 0; j < form.characterPjob.length; j++)
form.characterPjob[j].text = category[i][j].value;
form.characterPjob.selectedIndex = 0;
change_characterPjob(form);
}
function change_characterPjob(form) {
var i = form.characterrace.selectedIndex
var j = form.characterPjob.selectedIndex;
form.characterjob.length = category[i][j].length;
for (k = 0; k < form.characterjob.length; k++)
form.characterjob[k].text = category[i][j][k].value;
form.characterjob.selectedIndex = 0;
}
// -->
</SCRIPT>
</head>
<body onLoad="initForm(document.form)">
<form name="form" method="get" action="#">
<select name="characterrace" onchange="change_characterrace(this.form)"></select>
<select name="characterPjob" onchange="change_characterPjob(this.form)"></select>
<select name="characterjob"></select>
</form>
</body>
</html>
위 소스를 제로보드 게시판 내에서 사용하려고 합니다.
어디를 어느 곳에다 붙여넣어야 하나요?
제가 해본 것은 게시판에 들어가는 페이지 중 (head와 foot) head부분의 head(태그)부분에 저 자바스크립트 부분을 추가하고 아래 body(태그) 에 저 onLoad를 추가하고 게시판 스킨(온누리다솜 Ver6 의 회원주소록 스킨입니다.)에서 제가 보고 싶은 부분에 나머지 폼태그 부분을 적용시켰는데 작동이 되질 않네요...(그냥 select 메뉴만 나옵니다. 글씨는 안나오고 단지 select 박스 모양만요.)
iframe으로 해보려고 했습니다만.. select의 값을 디비에 저장해야하기때문에.. 어떻게 해야 할지 모르겠네요.. (iframe을 쓰면 페이지 연계가 되지 않는 것 맞나요 ;;?? 제가 잘 몰라서...)
조언 부탁드립니다.
좋은 하루보내세요.
<head>
<title>Dynamic Select Form Sample</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<script language="javascript">
<!--
function Category(value) {
this.value = value;
this.length = 0;
}
function addCategory(category, value) {
category[category.length] = new Category(value);
category.length++;
}
var category = new Category();
addCategory(category, "1");
addCategory(category[0], "선택하세요");
addCategory(category[0], "=========");
addCategory(category[0], "1");
addCategory(category[0][2], "선택하세요");
addCategory(category[0][2], "=============");
addCategory(category[0][2], "1");
addCategory(category[0][2], "2");
addCategory(category[0], "2");
addCategory(category[0][3], "선택하세요");
addCategory(category[0][3], "=============");
addCategory(category[0][3], "1");
addCategory(category[0][3], "2");
addCategory(category, "2");
addCategory(category[1], "선택하세요");
addCategory(category[1], "=========");
addCategory(category[1], "1");
addCategory(category[1][2], "선택하세요");
addCategory(category[1][2], "=============");
addCategory(category[1][2], "1");
addCategory(category[1][2], "2");
addCategory(category[1], "2");
addCategory(category[1][3], "선택하세요");
addCategory(category[1][3], "=============");
addCategory(category[1][3], "1");
addCategory(category[1][3], "2");
addCategory(category, "3");
addCategory(category[2], "선택하세요");
addCategory(category[2], "=========");
addCategory(category[2], "1");
addCategory(category[2][2], "선택하세요");
addCategory(category[2][2], "=============");
addCategory(category[2][2], "1");
addCategory(category[2][2], "2");
addCategory(category[2], "2");
addCategory(category[2][3], "선택하세요");
addCategory(category[2][3], "=============");
addCategory(category[2][3], "1");
addCategory(category[2][3], "2");
addCategory(category, "4");
addCategory(category[3], "선택하세요");
addCategory(category[3], "=========");
addCategory(category[3], "1");
addCategory(category[3][2], "선택하세요");
addCategory(category[3][2], "=============");
addCategory(category[3][2], "1");
addCategory(category[3][2], "2");
addCategory(category[3], "2");
addCategory(category[3][3], "선택하세요");
addCategory(category[3][3], "=============");
addCategory(category[3][3], "1");
addCategory(category[3][3], "2");
addCategory(category, "5");
addCategory(category[4], "선택하세요");
addCategory(category[4], "=========");
addCategory(category[4], "1");
addCategory(category[4][2], "2");
function initForm(form) {
form.characterrace.length = category.length;
for (i = 0; i < category.length; i++)
form.characterrace[i].text = category[i].value;
form.characterrace.selectedIndex = 0;
form.characterPjob.selectedIndex = 0;
change_characterrace(form);
}
function change_characterrace(form) {
var i = form.characterrace.selectedIndex;
form.characterPjob.length = category[i].length;
for (j = 0; j < form.characterPjob.length; j++)
form.characterPjob[j].text = category[i][j].value;
form.characterPjob.selectedIndex = 0;
change_characterPjob(form);
}
function change_characterPjob(form) {
var i = form.characterrace.selectedIndex
var j = form.characterPjob.selectedIndex;
form.characterjob.length = category[i][j].length;
for (k = 0; k < form.characterjob.length; k++)
form.characterjob[k].text = category[i][j][k].value;
form.characterjob.selectedIndex = 0;
}
// -->
</SCRIPT>
</head>
<body onLoad="initForm(document.form)">
<form name="form" method="get" action="#">
<select name="characterrace" onchange="change_characterrace(this.form)"></select>
<select name="characterPjob" onchange="change_characterPjob(this.form)"></select>
<select name="characterjob"></select>
</form>
</body>
</html>
위 소스를 제로보드 게시판 내에서 사용하려고 합니다.
어디를 어느 곳에다 붙여넣어야 하나요?
제가 해본 것은 게시판에 들어가는 페이지 중 (head와 foot) head부분의 head(태그)부분에 저 자바스크립트 부분을 추가하고 아래 body(태그) 에 저 onLoad를 추가하고 게시판 스킨(온누리다솜 Ver6 의 회원주소록 스킨입니다.)에서 제가 보고 싶은 부분에 나머지 폼태그 부분을 적용시켰는데 작동이 되질 않네요...(그냥 select 메뉴만 나옵니다. 글씨는 안나오고 단지 select 박스 모양만요.)
iframe으로 해보려고 했습니다만.. select의 값을 디비에 저장해야하기때문에.. 어떻게 해야 할지 모르겠네요.. (iframe을 쓰면 페이지 연계가 되지 않는 것 맞나요 ;;?? 제가 잘 몰라서...)
조언 부탁드립니다.
좋은 하루보내세요.
