{ 태그에 닫는 태그가 없습니다. error :313 대전홈페이지제작 하나솔루션 입력폼에 자동완성 기능 추가하는 방법

상담문의 010-2343-0702

Home > 고객센터 > 자주 묻는 질문

자주 묻는 질문

자주 묻는 질문

공통/일반 입력폼에 자동완성 기능 추가하는 방법

  • 하나솔루션
  • 2020-07-17 14:22:00
  • hit1142

쇼핑몰 상품 검색 및  통합 게시판 검색폼에서 사용자가 단어를 입력하면 관련 검색어가 같이 표시되는 기능 입니다.

표시되는 기준은  [마케팅지원 > 마케팅지원 > 인기검색어 관리]에서 등록된 단어를 먼저 출력하며, 다음으로 실제 게시글 및 상품명등이 출력 됩니다.

[샘플소스] (그대로 복사 해서 사용가능합니다.)

 


 
  1. <style>
  2.  fieldset { position: relative; text-align: center; border: none; margin: 50px auto; width: 400px; padding: 0; }
  3.  .search { border: 3px solid #2db400; line-height: 30px; margin: 0; height: 30px;  padding: 0; width: 100%; text-indent: 10px; }
  4.  .search.type02 { border-color: #f26522; }
  5.  .search.type03 { border-color: #00bff3; }
  6.  ul  { display: none; position: absolute; top: 36px; left:0; right: 0; border: 1px solid #ccc; border-top: none; list-style: none; z-index: 9; background: #fff; padding: 10px; margin: 0; }
  7.  ul li { font-size: 9pt; text-decoration: none; text-align: left; line-height: 1.8em; }
  8.  ul li a { text-decoration: none; color: #333; }
  9.  ul li a strong { color: #ff7200; }
  10. </style>

     

  11.  
  12.  

  13.  
  14. <fieldset>
  15.  
  16. <input type="text" name="stx" id="stx1" class="search type01" value="" />
  17.  
  18. </fieldset>

     

  19.  
  20. <load target="/img_up/_addon/auto_complete/jquery.searchbox.min.js">

  21.  
  22. <script>
  23.  
  24. $(document).ready(function() {
  25.  
  26.  $('#stx1').searchBox({url : '/etc/auto_complete_exec.php?bbs_code=all'});
  27.  
  28. });
  29.  
  30. </script>

     

 

적용예시 :  http://wdev.webit.kr/page/auto

 

위 소스에서 /etc/auto_complete_exec.php 은 실제 검색어를 가져오는 부분 입니다.

이때 뒤쪽에 아래와 같이 변수를 전달하면 해당 되는 검색어만 가져 올수 있습니다.

사용가능한 변수 및 값 가져오는 검색어
shopping_goods_yn=1 쇼핑몰의 모든 상품명
bbs_code=all

게시판 제목 및 내용

all 입력시 모든 게시판을 가져오며, 아닌경우 해당 게시판만 가져 옵니다.

myboard_code=all

맞춤 게시판 제목 및 내용

all 입력시 모든 맞춤게시판을 가져오며, 아닌경우 해당 맞춤게시판만 가져 옵니다.

 

 

게시글 공유 URL복사
댓글[0]

열기 닫기

빠른상담 신청현황

  • 하**님이 문의하셨습니다.
    상담신청
  • 하**님이 문의하셨습니다.
    상담신청
  • 하**님이 문의하셨습니다.
    상담신청
  • 하**님이 문의하셨습니다.
    상담신청
  • 한**님이 문의하셨습니다.
    상담신청
  • 한**님이 문의하셨습니다.
    상담신청
  • 한**님이 문의하셨습니다.
    상담신청
  • 고**님이 문의하셨습니다.
    상담신청
  • 박**님이 문의하셨습니다.
    상담신청
  • 한**님이 문의하셨습니다.
    상담신청
  • 대**님이 문의하셨습니다.
    상담신청
  • 성**님이 문의하셨습니다.
    계약완료
  • 숙**님이 문의하셨습니다.
    계약완료
  • 만**님이 문의하셨습니다.
    계약완료
  • 주**님이 문의하셨습니다.
    상담완료
  • 성**님이 문의하셨습니다.
    상담완료
  • 현**님이 문의하셨습니다.
    상담완료
  • 하**님이 문의하셨습니다.
    상담완료
  • 이**님이 문의하셨습니다.
    상담완료
  • 정**님이 문의하셨습니다.
    상담완료

무통장 계좌번호

하나은행 : 661-910388-38207
예 금 주 : 하나솔루션(정지혜)

네임서버

1차 ns1.webit.kr 211.215.17.210
2차 ns2.webit.kr 211.215.17.212

서버 호스팅 주소

서울 서초구 서초동 1710-1 SK 브로드밴드 IDC

커뮤니티

  • 042-362-0702

  • hana07@kakao.com

  • 업무시간 : 월~금 오전9시 ~ 오후 6시

  • 점심시간 : 오후 12시 ~ 오후 1시

  • 토,일,공휴일, 국경일 : 휴무

상단으로 바로가기