Loading the content...

질문과 답변

  • Home
  • 이윰빌더
  • 질문과 답변

헤더의 검색창이 작동이 안되는문제입니다.. ㅠ

567 2016.10.11 10:25

짧은주소

본문

항상 감사합니다~~

디자인때문에 검색창을 이리저리 옮겼는데 모양을 출력되는데 작동이 안됩니다,,,,,,;ㅛ;

제가 보기엔 태그에 이상이 없는것 같은데 어디가 잘못된건지 한번 봐주세요

header부분을 통째로 올려봅니다.. nav때문에 길어졌는데, nav부분은 문제는 없습니당..

부탁드립니다~

 


<!--{* Header *}-->
        <header class="header">
            <div class="container"  style="height:100px">
                <!--{* ------------- 로고 영역 시작 ------------- *}-->
                <div class="logo left">
                    <!--{? logo == 'text'}-->
                    <a class="navbar-brand" href="{C.G5_URL}">{config.cf_title}</a>
                    <!--{: logo == 'image'}-->
                    <a class="navbar-brand" href="{C.G5_URL}"><img src="../image/logo-100.png" class="img-responsive" alt="{config.cf_title} LOGO"></a>
                    <!--{/}-->
                </div>
                <!--{* ------------- 로고 영역 끝 ------------- *}-->

    <div class="left" style="width:610px"> <!--{* 감싸기 *}-->
                <!--{* ------------- 검색창 영역 시작 ------------- *}-->
                <div class="search-form right">
                    <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">
                    <section>
                        <label for="sch_stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
                        <label for="sch_stx" class="input input-file">
                            <button class="button" type="submit" id="sch_submit"><i class="fa fa-search"></i></button>
                            <input type="text" name="stx" id="sch_stx" maxlength="20" class="form-control" placeholder="전체검색" value="">
                        </label>
                    </section>
                    </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>
                </div>
                <!--{* ------------- 검색창 영역 끝 ------------- *}-->

                <!--{* ------------- ebp_notice 공지최신글 영역 삭제 - (아래 추출옵션에서 bo_table=게시파id 를 설정합니다.) ------------- *}-->

        <!--{* NavBar *}-->
        <!--{? color == 'white'}-->
        <div class="eb-navbar nav-background-light navbar-fixed">
        <!--{: color == 'black'}-->
        <div class="eb-navbar nav-background-dark navbar-fixed">
        <!--{/}-->
            <nav class="eb-nav nav1 eb-mega-menu">
                <div class="container">
                    <div class="eb-default-nav">
                        <ul>
                            <!--{* Home 삭제 *}-->
                            <!--{* Menu *}-->
                            <!--{@ menu}-->
                            <li class="{? .active}active{/}">
                                <a href="{.me_link}" target="_{.me_target}">
                                    <!--{? .me_icon}--><i class="fa {.me_icon}"></i> <!--{/}-->{.me_name}<!--{? menu.submenu}--> <i class="fa fa-caret-down"></i><!--{/}--><!--{* new표시 삭제 *}--> 
                                </a>
                                <!--{@ submenu}-->
                                <!--{? ..index_ == 0}-->
                                <ul>
                                <!--{/}-->
                                    <li class="{? ..active}active{/}">
                                        <a href="{..me_link}" target="_{..me_target}"><!--{? ..me_icon}--><i class="fa {..me_icon}"></i> <!--{/}-->{..me_name}<!--{* new표시 삭제 *}--><!--{? ..sub=='on'}--><i class="fa fa-angle-right right"></i><!--{/}--></a>
                                        <!--{@ subsub}-->
                                        <!--{? ...index_ == 0}-->
                                        <ul>
                                        <!--{/}-->
                                            <li class="{? ...active}active{/}">
                                                <a href="{...me_link}" target="_{...me_target}"><!--{? ...me_icon}--><i class="fa {...me_icon}"></i> <!--{/}-->{...me_name}<!--{* new표시 삭제 *}--></a>
                                            </li>
                                        <!--{? ...index_ == ...size_-1}-->
                                        </ul>
                                        <!--{/}-->
                                        <!--{/}-->
                                    </li>
                                <!--{? ..index_ == ..size_-1}-->
                                </ul>
                                <!--{/}-->
                                <!--{/}-->
                            </li>
                            <!--{/}-->
                            <!--{* End Menu *}-->
                        </ul>
                       </div>

                    <!--{* Mega Menu *}-->
                    <!--{? is_megamenu == 'yes'}-->
                    <div class="eb-mega-nav">
                        <div class="dropdown eb-mega-menu-full">
                            <a href="javascript:void(0);" class="dropdown-toggle eb-mega-btn" data-hover="dropdown">
                                <i class="fa fa-align-justify"></i> 전체메뉴
                            </a>
                            <!--{* ------------- 전체메뉴 영역 시작 (전체메뉴는 사이트 상황에 맞게 직접 수정합니다.) ------------- *}-->
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="eb-mega-menu-content">
                                        <div class="container">
                                            <div class="eb-height-eq">
                                                <div class="mega-col eb-height-eq-in">
                                                    <ul class="list-unstyled eb-height-eq-list">
                                                        <li><h5>전체메뉴 그룹명</h5></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                    </ul>
                                                </div>
                                                <div class="mega-col eb-height-eq-in">
                                                    <ul class="list-unstyled eb-height-eq-list">
                                                        <li><h5>전체메뉴 그룹명</h5></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                    </ul>
                                                </div>
                                                <div class="mega-col eb-height-eq-in">
                                                    <ul class="list-unstyled eb-height-eq-list">
                                                        <li><h5>전체메뉴 그룹명</h5></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                    </ul>
                                                </div>
                                                <div class="mega-col eb-height-eq-in">
                                                    <ul class="list-unstyled eb-height-eq-list">
                                                        <li><h5>전체메뉴 그룹명</h5></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                    </ul>
                                                </div>
                                                <div class="mega-col eb-height-eq-in">
                                                    <ul class="list-unstyled eb-height-eq-list">
                                                        <li><h5>전체메뉴 그룹명</h5></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                    </ul>
                                                </div>
                                                <div class="mega-col eb-height-eq-in">
                                                    <ul class="list-unstyled eb-height-eq-list">
                                                        <li><h5>전체메뉴 그룹명</h5></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                        <li><a href="#">- 게시판명 설정</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <!--{* ------------- 전체메뉴 영역 끝 ------------- *}-->
                        </div>
                    </div>
                    <!--{/}-->
                    <!--{* End Mega Menu *}-->
                </div>
            </nav>
        </div>
        <!--{* End NavBar *}-->
    </div>

                <div class="clear"></div>
            </div>
        </header>
        <!--{* End Header *}-->

0
좋아요!
- 지은 메일보내기 아이디로 검색 - 회원등급 : 씨앗/Level 5 - 포인트 : 11,182
레벨 5
경험치 2,998

Progress Bar 100%

- 가입일 : 2016-05-19 15:55:00
- 서명 :
- 자기소개 :
댓글목록

이윰EGG님의 댓글

검색창 부분에 원본소스와 크게 차이나는 부분은 없어 보이지만 말씀하신대로 수정을 하면서 충돌이 생겨서 작동이 안하는 문제일 수 있습니다.
크롬 요소검사로 에러를 확인해 보시기 바라며 수정하신 부분에 대해 원본 파일과 비교 해 보시면서 문제점을 찾아보시기 바랍니다.

감사합니다.

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

지은님의 댓글

네 답변 감사합니다~
결과적으로 검색창을 빼기로 해서 다행이긴한데 이유가 궁금하네요 ㅎㅎ...

축하합니다. 지뢰폭탄 포인트 89포인트를 획득하였습니다.

Total 2,281건 1 페이지
게시판 이용안내

이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.

질문 시 기본적인 예절을 지켜주세요.
  • 질문 시 바른말을 이용 해 주세요.
  • 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
  • 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
  • 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
  • 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
제목
이상민님 아이디로 검색 2017.07.28 3,252 0
플레이온 아이디로 검색 2017.07.25 949 0
돌맹이 아이디로 검색 2017.07.24 2,197 0
Hubert 아이디로 검색 2017.07.21 1,587 0
Hubert 아이디로 검색 2017.07.18 969 0
종달 아이디로 검색 2017.07.16 808 0
종달 아이디로 검색 2017.07.09 2,042 0
잘안되네요 아이디로 검색 2017.07.07 619 0
잘안되네요 아이디로 검색 2017.07.06 682 0
m3palma 아이디로 검색 2017.07.05 776 0
드봉 아이디로 검색 2017.07.05 1,556 0
ㄷㅊㅎ 아이디로 검색 2017.07.04 704 0
플래닛 아이디로 검색 2017.07.01 1,261 0
김기린님 아이디로 검색 2017.06.29 1,631 0
자유롭게 아이디로 검색 2017.06.29 1,650 0