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을 주면..
실제로 제가 사용하는 겁니다.
</p><p> </p><p><span style="font-size: 10pt; line-height: 1.5;"><style type="text/css"></span></p><p>#inqTab {width:100%; height:32px;position:relative;overflow:hidden;}</p><p>#inqTab:after {content:" "; display:block; clear:both;}</p><p>#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;}</p><p>#inqTab li label {cursor:pointer;display:block;}</p><p>#inqTab li input {position:absolute; top:-20px;}</p><p>#inqTab li.last {margin-right:0;}</p><p>#inqTab li.on {background:#79cbda;}</p><p></style></p><p> </p><p><ul id="inqTab" class="listTab"></p><p> <li class="on"><label for="wr_1_1">쇼핑몰 이용문의</label><input type="radio" name="wr_1" id="wr_1_1" value="1" checked="checked"></li></p><p> <li><label for="wr_1_2">원두 도매 문의</label><input type="radio" name="wr_1" id="wr_1_2" value="2"></li></p><p> <li><label for="wr_1_3">교육 문의</label><input type="radio" name="wr_1" id="wr_1_3" value="3"></li></p><p> <li class="last"><label for="wr_1_4">마케팅,취재 문의</label><input type="radio" name="wr_1" id="wr_1_4" value="4"></li></p><p></ul></p><p> </p><p><script type="text/javascript"></p><p>$(document).ready(function(){</p><p> $('#inqTab li').click(function(){</p><p> if(!$(this).hasClass('on')) {</p><p> $(this)</p><p> .addClass('on')</p><p> .find('input[name="wr_1"]').attr('checked',true).end()</p><p> .siblings().removeClass('on')</p><p> .find('input[name="wr_1"]').attr('checked',false);</p><p> }</p><p> });</p><p> $('#inqTab li input').click(function(event){</p><p> event.stopPropagation(); // 버블링 방지</p><p> });</p><p>});</p><p></script></p><p>
댓글을 작성하려면 로그인이 필요합니다.
라디오 버튼으로 해서 디자인을 비슷하게 해보시는건...
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=12272">http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=12272
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인