검색 드롭다운 -> 라디오버튼으로 변경
CMS/프레임워크 | Rhymix 2.0 |
---|---|
개발 언어 | PHP 7.2 |
안녕하세요?
스케치북 게시판 스킨을 기준으로 아래 파일이 검색창 관련 파일인데요.
<form action="{getUrl()}" method="get" onsubmit="return procFilter(this, search)" no-error-return-url="true">
<input type="hidden" name="vid" value="{$vid}" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="category" value="{$category}" />
<table class="bd_tb">
<tr>
<td>
<span class="select itx">
<select name="search_target">
<option value="title" <!--@if($search_target=='title')-->selected="selected"<!--@end-->>{$search_option[title]}</option>
<option value="content" <!--@if($search_target=='content')-->selected="selected"<!--@end-->>{$search_option[content]}</option>
<option value="title_content" <!--@if($search_target=='title_content')-->selected="selected"<!--@end-->>{$search_option[title_content]}</option>
</select>
</span>
</td>
<td class="itx_wrp">
<input type="text" name="search_keyword" value="{htmlspecialchars($search_keyword)}" class="itx srch_itx" />
</td>
<td>
<button type="submit" onclick="jQuery(this).parents('form').submit();return false" class="bd_btn">{$lang->cmd_search}</button>
<a cond="$last_division" class="bd_btn" href="{getUrl('page',1,'document_srl','','division',$last_division,'last_division','')}">{$lang->cmd_search_next}</a>
</td>
</tr>
</table>
</form>
<input type="hidden" name="vid" value="{$vid}" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="category" value="{$category}" />
<table class="bd_tb">
<tr>
<td>
<span class="select itx">
<select name="search_target">
<option value="title" <!--@if($search_target=='title')-->selected="selected"<!--@end-->>{$search_option[title]}</option>
<option value="content" <!--@if($search_target=='content')-->selected="selected"<!--@end-->>{$search_option[content]}</option>
<option value="title_content" <!--@if($search_target=='title_content')-->selected="selected"<!--@end-->>{$search_option[title_content]}</option>
</select>
</span>
</td>
<td class="itx_wrp">
<input type="text" name="search_keyword" value="{htmlspecialchars($search_keyword)}" class="itx srch_itx" />
</td>
<td>
<button type="submit" onclick="jQuery(this).parents('form').submit();return false" class="bd_btn">{$lang->cmd_search}</button>
<a cond="$last_division" class="bd_btn" href="{getUrl('page',1,'document_srl','','division',$last_division,'last_division','')}">{$lang->cmd_search_next}</a>
</td>
</tr>
</table>
</form>
검색이 "제목, 내용, 제목+내용"을 드롭다운 메뉴로 보여주고 있는데요.
이것을 라디오 버튼으로 바꾸려면 어떻게 바꿔야하나요?
댓글 3
<label><input type="radio" name="search_target" value="title"<!--@if($search_target=='title')--> checked<!--@end-->> {$search_option[title]}</label>
뭐 대충 value와 if문의 비교값, 선택옵션의 이름 정도를 option에서 가져와서 3개 만들어주고 select를 대체하면 되겠네요.
input태그는 매우 기본적인 태그이니 이번 기회에 옵션들을 공부해보세요.
덕분에 문제 해결했네요.
다른 소스 참고해서 수정해봤는데 안되서 고생하고 있었는데 감사합니다.
추가적으로 위와 같은 코드는 깔끔하게 html형으로 템플릿 맞출 수 있습니다.
<label><input type="radio" name="search_target" value="title" checked="checked"|cond="$search_target=='title'"> {$search_option[title]}</label>
html 태그 입력하는 중간중간 주석문을 삽입하게되면 에디터나 가독성이 좀 떨어지므로 html 속성을 부여해주는 공간 안에서는 |cond= 문구를 활용하시는게 좋습니다. 이런 문법들은 다른 스킨들을 보시면서 활용하시기 바랍니다.
(특정 채크속성뒤에 바로 붙여서 사용하셔야 합니다.)