게시판 검색 디자인 변경 문의 드립니다.

게시판 검색 디자인 변경 문의 드립니다.

QA

게시판 검색 디자인 변경 문의 드립니다.

본문

아래 소스 디자인으로 게시판 검색 버튼을 만들려고 합니다.

<i class="fa fa-search"></i>에 제목+내용으로 검색 버튼을 만들려고 합니다.
 

 

 


                <!--Start Search-->
                <div class="widget news-search">
                  <div class="block">
                    <div class="widget-content search">
                      <div class="search-field">
                        <form>
                          <input placeholder="Search on Blog..." />
                        </form>
                      </div>
                      <div class="search-submit">
                        <i class="fa fa-search"></i>
                      </div>
                    </div>
                  </div>
                </div>
                <!--End Search-->

 

아래와 같이 수정을 했는데 더 이상 어떻게 해야 막히는군요

도와 주세요~~


                <!--Start Widget-->
                <div class="widget news-search">
                  <div class="block">
                    <div class="widget-content search">
                      <div class="search-field">
                        <form>
        <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
        <input type="hidden" name="sca" value="<?php echo $sca ?>">
        <input type="hidden" name="sop" value="and">
        <input type="hidden" name="sfl" id="sfl" value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>
                          <input name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" placeholder="Search on Blog..." />
                      </div>
                      <div class="search-submit">
                        <i class="fa fa-search"></i>
                      </div>
                        </form>
                    </div>
                  </div>
                </div>
                <!--End Widget-->

 

      
<!-- 게시판 검색 원래 소스 -->
<!-- 게시판 검색 시작 { -->
    <fieldset id="bo_sch">
        <legend>게시물 검색</legend>
        <form name="fsearch" method="get">
        <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
        <input type="hidden" name="sca" value="<?php echo $sca ?>">
        <input type="hidden" name="sop" value="and">
        <label for="sfl" class="sound_only">검색대상</label>
        <select name="sfl" id="sfl">
            <option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>
            <option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>
            <option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>
            <option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>
            <option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>
            <option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>
            <option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>
        </select>
        <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
        <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="sch_input" size="25" maxlength="20" placeholder="검색어를 입력해주세요">
        <input type="submit" value="검색" class="sch_btn">
        </form>
    </fieldset>
    <!-- } 게시판 검색 끝 --> 

이 질문에 댓글 쓰기 :

답변 1


<!--Start Widget-->
<div class="widget news-search">
    <div class="block">
        <div class="widget-content search">
            <div class="search-field">
                <form>
                    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
                    <input type="hidden" name="sca" value="<?php echo $sca ?>">
                    <input type="hidden" name="sop" value="and">
                    <input type="hidden" name="sfl" id="sfl" value="wr_subject||wr_content">
                    <input name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" placeholder="Search on Blog..." />
                    <div class="search-submit">11
                        <i class="fa fa-search"></i>
                    </div>
                </form>
                </div>
        </div>
    </div>
</div>
<!--End Widget-->
<script>
$(function(){
    $(".search-submit").click(function(){
         $(this).parent("form").submit();
    });
});
</script>

답변을 작성하시기 전에 로그인 해주세요.
전체 483
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT