[급] 이런 자바스크립트 처리를 어케 하죠? 정보
[급] 이런 자바스크립트 처리를 어케 하죠?
관련링크
본문
안녕하세요. 고수님들, 혼자 하다가 영 해매서 방문했습니다.
링크에서 보시다시피...
위에는 체크박스가 잇고, 아래에는 라디오버튼, 검색버튼이 있습니다.
대충 눈치채셨껬지만, 체크박스와 라디오버튼을 가지고 특정게시판의 카테고리로 가는 걸 하려고 합니다.
검색 db를 탑재한 게시판 이름이 menu32 라면
bbs/board.php?bo_table=menu32?sca=체크1&라디오버튼.... 이렇게 해서
검색값을 넘기려고 합니다.
이게 가능하려면, 어떤걸 해야하는지요. 게시판내에 분류는 1차분류는 해놨고, 2차분류는 어케 하는지도 궁금하구요.
답변 부탁드릴게요.ㅠㅠ
아래는 소스입니다.
//////////////////////////////////////
<HTML>
<HEAD>
<TITLE>BLUE-B</TITLE>
</head>
<body>
<script>
<!--
function set(n) {
temp = document.main.elements.length ;
for (i=0; i < temp; i++) {
document.main.elements[i].checked=n;
}
}
function Invers(){
temp = document.main.elements.length ;
for (i=0; i < temp; i++){
if(document.main.elements[i].checked == 1){document.main.elements[i].checked = 0;}
else {document.main.elements[i].checked = 1}
}
}
//-->
</script>
<FORM method=post name=main>
<INPUT name=button onclick=set(1) type=button value="전체선택">
<INPUT name=button onclick=Invers() type=button value="반전">
<INPUT name=button onclick=set(0) type=button value=" Reset ">
<br>
<br>
<INPUT name=chbox type=checkbox value=1> 체크1
<INPUT name=chbox type=checkbox value=2> 체크2
<INPUT name=chbox type=checkbox value=3> 체크3
<INPUT name=chbox type=checkbox value=4> 체크4
<INPUT name=chbox type=checkbox value=5> 체크5
<INPUT name=chbox type=checkbox value=6> 체크6
<br>
<br>
<input type=radio name=radio value="라디오1"> 라디오 1 <input type=radio name=radio value="라디오2"> 라디오 2 <input type=radio name=radio value="라디오3"> 라디오 3 <input type=radio name=radio value="라디오4"> 라디오 4
<br>
<br>
<INPUT name=button onclick=search() type=button value="검색">
</form>
</body>
</html>
링크에서 보시다시피...
위에는 체크박스가 잇고, 아래에는 라디오버튼, 검색버튼이 있습니다.
대충 눈치채셨껬지만, 체크박스와 라디오버튼을 가지고 특정게시판의 카테고리로 가는 걸 하려고 합니다.
검색 db를 탑재한 게시판 이름이 menu32 라면
bbs/board.php?bo_table=menu32?sca=체크1&라디오버튼.... 이렇게 해서
검색값을 넘기려고 합니다.
이게 가능하려면, 어떤걸 해야하는지요. 게시판내에 분류는 1차분류는 해놨고, 2차분류는 어케 하는지도 궁금하구요.
답변 부탁드릴게요.ㅠㅠ
아래는 소스입니다.
//////////////////////////////////////
<HTML>
<HEAD>
<TITLE>BLUE-B</TITLE>
</head>
<body>
<script>
<!--
function set(n) {
temp = document.main.elements.length ;
for (i=0; i < temp; i++) {
document.main.elements[i].checked=n;
}
}
function Invers(){
temp = document.main.elements.length ;
for (i=0; i < temp; i++){
if(document.main.elements[i].checked == 1){document.main.elements[i].checked = 0;}
else {document.main.elements[i].checked = 1}
}
}
//-->
</script>
<FORM method=post name=main>
<INPUT name=button onclick=set(1) type=button value="전체선택">
<INPUT name=button onclick=Invers() type=button value="반전">
<INPUT name=button onclick=set(0) type=button value=" Reset ">
<br>
<br>
<INPUT name=chbox type=checkbox value=1> 체크1
<INPUT name=chbox type=checkbox value=2> 체크2
<INPUT name=chbox type=checkbox value=3> 체크3
<INPUT name=chbox type=checkbox value=4> 체크4
<INPUT name=chbox type=checkbox value=5> 체크5
<INPUT name=chbox type=checkbox value=6> 체크6
<br>
<br>
<input type=radio name=radio value="라디오1"> 라디오 1 <input type=radio name=radio value="라디오2"> 라디오 2 <input type=radio name=radio value="라디오3"> 라디오 3 <input type=radio name=radio value="라디오4"> 라디오 4
<br>
<br>
<INPUT name=button onclick=search() type=button value="검색">
</form>
</body>
</html>
댓글 전체

2차 카테고리에 대한것은 스킨자료실에 있는것을 보시고 하면 되구요.
checkbox가 그때 그때 동적으로 생길수 없으니 div 테그로 미리 만들어 두었다가 쓰시던가 하셔야 페이지 리로딩이 없을겁니다.
근데 체크박스면 중복이 가능하다는 소린데요. 이것 서치가 어찌될지.....
checkbox가 그때 그때 동적으로 생길수 없으니 div 테그로 미리 만들어 두었다가 쓰시던가 하셔야 페이지 리로딩이 없을겁니다.
근데 체크박스면 중복이 가능하다는 소린데요. 이것 서치가 어찌될지.....

그러게요.. 저도 서치가 걱정인데..ㅠㅠ
경우의 수가 많아서리...
이걸 어찌해야 할까요... 흠.. 휴...
경우의 수가 많아서리...
이걸 어찌해야 할까요... 흠.. 휴...

흠.. 문제가 정확히 뭔지 머리가 나빠서 이해가 안되는데.. checkbox를 동적으로 생성하는 것은 자바스크립트를 이용하면 할 수 있습니다.
var temp = document.getElementById('aaa');
var chbox = document.createElement('INPUT');
chbox.type='checkbox';
temp.appendChild(chbox);
이런식으로 하시면 되는데 여기서 aaa는 div 나 테이블 등등 체크박스가 들어갈 수 있는 공간의 id입니다. 이런식으로 text등등도 넣으실 수 있습니다.
var temp = document.getElementById('aaa');
var chbox = document.createElement('INPUT');
chbox.type='checkbox';
temp.appendChild(chbox);
이런식으로 하시면 되는데 여기서 aaa는 div 나 테이블 등등 체크박스가 들어갈 수 있는 공간의 id입니다. 이런식으로 text등등도 넣으실 수 있습니다.