write.skin.php 에 카테고리를 넣고싶은데요..
본문
write.skin.php 에 카테고리를 넣고싶은데요..
<!-- 게시판 카테고리 시작 { -->
<!-- } 게시판 카테고리 끝 -->
<nav id="bo_cate">
<h2><?php echo $board['bo_subject'] ?> 카테고리</h2>
<ul id="bo_cate_ul">
<?php echo $category_option ?>
</ul>
</nav>
<?php } ?>
<!-- } 게시판 카테고리 끝 -->
이걸 넣으니깐...카테고리는 보이는데 list.skin.php 에서처럼은 안되더라구요..
글쓰기에 카테고리로 분류하여 글을 입력받고싶은데...셀렉트는 게시판검색하니깐 많이 나오더라구요..
근데 list.skin.php처럼 탭으로 나오게 하고싶어서요....
어떤 팁이나 스킨이 있으면 알려주시면 감사하겠습니다...
답변 2
input radio 사용하면서 position:absolute 주고 top에 -값을 줘서 감추고, 표시는 싸고있는 label로..
그리고 싸고있는 태그에 overflow:hidden을 주면..
실제로 제가 사용하는 겁니다.
<style type="text/css">
#inqTab {width:100%; height:32px;position:relative;overflow:hidden;}
#inqTab:after {content:" "; display:block; clear:both;}
#inqTab li {float:left; width:24.2%; margin-right:1%; text-align:center; background:#999999; color:#fff; font-size:14px; font-weight:bold; line-height:32px; cursor:pointer;}
#inqTab li label {cursor:pointer;display:block;}
#inqTab li input {position:absolute; top:-20px;}
#inqTab li.last {margin-right:0;}
#inqTab li.on {background:#79cbda;}
</style>
<ul id="inqTab" class="listTab">
<li class="on"><label for="wr_1_1">쇼핑몰 이용문의</label><input type="radio" name="wr_1" id="wr_1_1" value="1" checked="checked"></li>
<li><label for="wr_1_2">원두 도매 문의</label><input type="radio" name="wr_1" id="wr_1_2" value="2"></li>
<li><label for="wr_1_3">교육 문의</label><input type="radio" name="wr_1" id="wr_1_3" value="3"></li>
<li class="last"><label for="wr_1_4">마케팅,취재 문의</label><input type="radio" name="wr_1" id="wr_1_4" value="4"></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$('#inqTab li').click(function(){
if(!$(this).hasClass('on')) {
$(this)
.addClass('on')
.find('input[name="wr_1"]').attr('checked',true).end()
.siblings().removeClass('on')
.find('input[name="wr_1"]').attr('checked',false);
}
});
$('#inqTab li input').click(function(event){
event.stopPropagation(); // 버블링 방지
});
});
</script>
답변을 작성하시기 전에 로그인 해주세요.