별

3단 다중 분류 선택 기능 옵션?

· 2011-11-18 (금) 06:05:42 · 8245 · 8
스샷

스샷

완정한 스킨은 아니고 옵션으로 만들었습니다. 여러 게시판스킨에 부동하게 적용하여 사용할 수 있도록요. 허접한것이지만 하룻밤 꼬박 샜네요.

데이타베이스와 연동하면 더욱 훌륭하고 멋진 옵션이 될 수 있겠지만 시간상 문제로 일단 js만으로 재현하여 보았습니다.

해당 옵션을 사용하려면 여분필드를 엄청 많이 필요로 할 수 있는데 혹여나 그누보드에서 게시판 여분필드 대량 자동 추가하기 팁을 공유합니다. 물론 더 좋은 방법도 있겠지만 http://www.imkgs.com/imkgs/bbs/board.php?bo_table=605&wr_id=9 이 링크로 방문하시면 상세한 설명이 있습니다.
더 좋은 방법 있는 분들 공유할 수 있었으면 좋겠습니다.

파일을 다운 받으신후 js 폴더 안에 집어 넣으면 됩니다.

다음 수정 하고저 하는 게시판 view스킨과 write 스킨에 원하는 위치에 아래와 같이 소스를 집어 넣습니다.

//////////////////////////////////////


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/imkgs/style.css" type="text/css">
<title></title>
<!--//////////////////////////////////////////////변수설정부분/////////////////////-->
<?
$kselect1='직할시'; //1차분류설정 검색용으로 사용할 경우는 직접 입력하시고 write.skin.php에서는 $write['wr_x']; view.skin.php에서는 $view[wr_x] 이런 식으로 운용하여 쓰면 되죠.
$kselect2='북경시'; //1차분류소속 2차분류 설정 스킨에 2차3차분류 사용 할 경우는 역시 동일한 방법으로 운용하면 됩니다.
$kselect3='朝阳区'; //1차분류소속 2차분류 하단 3차분류 설정

$kselect11name='wr_1'; //적용할 여분필드명; 동일 게시판에 여러번 적용 또는 이미 여분필드를 사용하고 있는 경우를 대비해서 모두 변수 조치를 취하였습니다.
$kselect12name='wr_2';
$kselect13name='wr_3';

$kselect21name='wr_4';
$kselect22name='wr_5';
$kselect23name='wr_6';

echo "<script language='javascript' src=".$g4[path]."/js/k3select.js></script>";
?>
<!--//////////////////////////////////////////////변수설정완료/////////////////////





//3단분류검색폼 서식1 상단 설정시작
//이해 하기 쉽도록 테이블로 묶었습니다. 필요에 따라 <form> 태그와 submit 는 없애도 되겠죠.
-->
<table width="50%" align="center"><tr><td><form action=searchkgs.php method=post name=searchkgs id=searchkgs><fieldset style="padding:5px;">
<legend>상세지역을 선택하세요 ^&^</legend>
<table><tr><td> 지역별검색:</td><td>



<!--//////////////////////////////////////////////3단분류운용부분/////////////////////-->
<select name="<?=$kselect11name?>"></select><select name="<?=$kselect12name?>"></select><select name="<?=$kselect13name?>"></select><script language="javascript" defer>new PCAS("<?=$kselect11name?>","<?=$kselect12name?>","<?=$kselect13name?>","<?=$kselect1?>","<?=$kselect2?>","<?=$kselect3?>");</script>
<!--//////////////////////////////////////////////3단분류운용부분1차완료/////////////////////



서식1 하단 서식 시작-->
<input type="submit" name="kkkSubmit" value="검색" /></td></tr></table>
</fieldset></form></td></tr></table>
<!--3단분류검색폼 서식1 하단 서식 끝 3단분류검색폼 서식2 상단 설정시작-->
<table width="50%" align="center"><tr><td><form action=inputkgs.php method=post name=inputkgs id=inputkgs><fieldset style="padding:5px;">
<legend>상세지역을 입력하세요 ^&^</legend>
<table><tr><td> 선택하세요:</td><td>
<!-- 서식2 상단 서식 끝




//////////////////////////////////////////////3단분류운용부분2/////////////////////-->
<select name="<?=$kselect21name?>"></select><select name="<?=$kselect22name?>"></select><select name="<?=$kselect23name?>"></select><script language="javascript" defer>new PCAS("<?=$kselect21name?>","<?=$kselect22name?>","<?=$kselect23name?>","<?=$kselect1?>","<?=$kselect2?>","<?=$kselect3?>");</script>
<!--//////////////////////////////////////////////3단분류운용2완료/////////////////////



서식2 하단 서식 시작-->
<input type="submit" name="kkkSubmit" value="입력" /></td></tr></table>
</fieldset></form></td></tr></table>
<!--//////////////////////////////////////////////서식2완료/////////////////////-->


</body>

첨부파일

ss.jpg (18.8 KB)
0회 2011-11-18 06:05
k3select.js (37.7 KB) 267회 2011-11-18 06:05
|

댓글 8개

선추천 후다운
이런건 http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech 여기에 업로드 부탁드립니다.
아니면 저처럼 베이직스킨에라도 달아서 ㅋㅋㅋ
수고 많이 하셨네요.

시간이 없어서 3단 카테고리를 적용하지 못하고 있었는데

시간을 절약 할 수 있었으면 좋겠습니다...^^

감사합니다. 추천 꽝~~~~
2011-11-18 (금) 16:38:25
수고하셨습니다..
많이 도움되는 코드입니다..
감사합니다
와우 어렵습니다. ㅜㅜ
좋은 자료 받아감니다. 수고하세요.^^&
멋지네요~
댓글을 작성하시려면 로그인이 필요합니다.

그누4 스킨

5,847건

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

+
분류 제목 글쓴이 날짜 조회
게시판
[게시판]
11-11-19 조회 1.2만
게시판 11-11-18 조회 6,751
기타 11-11-18 조회 5,380
최신글 11-11-18 조회 5,999
게시판 11-11-18 조회 8,246
게시판 11-11-17 조회 6,972
게시판 11-11-17 조회 1.1만
외부로그인 11-11-16 조회 6,392
게시판 11-11-16 조회 8,674