질문과 답변 (구)

최근본상품
TOP
DOWN

질문과 답변 (구)

안녕하세요 이윰사이트처럼 상단에 검색창을 달고싶어요

2017.10.02 15:42 175 1

본문

스샷처럼 저런 검색창을 달고싶은데 head_bs 어디에 뭐를 추가해야하나요?

0
로그인 후 평가 가능합니다.
- 후니님입니다 - 회원등급 : 지하계 / Level 3
포인트 23,695
경험치 1,156
[레벨 3] - 진행률 93%
- 가입일 : 2017-01-19 17:01:37
- 서명 : 미입력
- 자기소개 : 미입력

댓글목록 1

이윰IN님의 댓글

이윰IN 2017.10.07 19:14

안녕하세요.
이윰넷 사이트에 접속하셔서 소스보기 하신 후, 해당 부분을 찾으시고 원하는 위치에 소스를 넣어주시고 스타일만 조정해 주시면 됩니다.
참고로 basic3 테마라면 모달 방식으로 검색기능이 구현되어 있습니다.

head_bs에 구현하고자 하신다면 아래 소스를 원하시는 위치에 넣으시고 스타일은 적당하게 수정해 주시면 될 것으로 보입니다.


<form name="fsearchbox" method="get" action="{C.G5_BBS_URL}/search.php" onsubmit="return fsearchbox_submit(this);" class="eyoom-form">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<label for="sch_stx" class="sound_only"><strong>검색어 입력 필수</strong></label>
<div class="input input-button">
	<input type="text" name="stx" id="sch_stx" maxlength="20" placeholder="검색어 입력">
	<div class="button"><input type="submit">검색</div>
</div>
</form>
<script>
function fsearchbox_submit(f) {
	if (f.stx.value.length < 2 || f.stx.value == $("#sch_stx").attr("placeholder")) {
		alert("검색어는 두글자 이상 입력하십시오.");
		f.stx.select();
		f.stx.focus();
		return false;
	}
	var cnt = 0;
	for (var i=0; i<f.stx.value.length; i++) {
		if (f.stx.value.charAt(i) == ' ') cnt++;
	}
	if (cnt > 1) {
		alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
		f.stx.select();
		f.stx.focus();
		return false;
	}
	return true;
}
</script>


위 소스를 참고하셔서 구현해 보시기 바랍니다.
성공하시길 빌겠습니다.
감사합니다.

축하합니다. 첫댓글 포인트 93포인트를 획득하였습니다.

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)

전체 2,800 건 - 1 페이지
제목
이윰넷 2017.10.24 468 0
도깨비뿅망치 2017.10.24 611 0
홍인 2017.10.24 466 0
tenuunsalhi 2017.10.23 489 0
jumphu 2017.10.23 476 0
jumphu 2017.10.23 455 0
GNDOON 2017.10.23 467 0
jumphu 2017.10.23 442 0
gang 2017.10.23 399 0
백철하 2017.10.22 458 0
클라네스 2017.10.22 420 0
gang 2017.10.21 456 0
최태풍 2017.10.21 461 0
꿈꾸는개발자 2017.10.20 431 0
부끄럼소년 2017.10.20 497 0