메인 공지사항 기능소개 매뉴얼     TEST BOARD : [1]  [2]  [3]  [4]  [5]
내용없음9
내용없음10
      APPLICATION
무료 스킨.모듈

유료 스킨.모듈

활용 홈페이지

활용팁 공유

자료 공유

유틸리티

웹 스터디
제작자 리소스

최근 활용팁 공유 RANK
        -- update:30Min --


쇼핑몰 통합 검색 자동완성기능
TechNote skin & module
테크노트 스킨 및 모듈 / shareware
본 게시판의 자료는 자료 등록자에게 포인트를 지불해야 다운로드 됩니다.
포인트 적립,지출,정산은 [마이페이지]→[포인트 관리] 에서 하십시오.
정회원은 누구나 자료등록이 가능하고 매매 포인트도 직접 정할 수 있습니다.
(본 게시판과 같은 컨텐츠몰 기능 게시판이 필요하면 여기에서 다운 받으세요)

 
 
     쇼핑몰 통합 검색 자동완성기능  
등록된 제품명을 부분적으로 입력하면 검색결과의 미리보기를 제공합니다.
분류 확장모듈
적용버전 테크노트7 이상
올린이 보토스      등록자료(16)
등록일 2014년 12월 9일
CHARSET 공통사용
미리보기 none
추천 10 
지불 포인트 1,000 P
kwd.php (1000byte)
 

1. \skin_shop\standard\1_layout\top의 top_default.php 파일 열기.

2. 파일 내용 중 "검색폼 시작" 내용 검색 후 그 아래 부분 3줄 내용추가(jquery CDN(autocomplete내용 가지고있음)
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
 
 
2.1. 원본 테크노트에 검색어를 입력하는 창을 클릭하면 상세내용을 입력하는 기능이 나오는데, 옆에 상세검색 버튼을 따로 만들어서 기능을 옮겨주기.


 
 
 
2.2 검색어를 받는 텍스트필드 id=shop_total_search_id의 onclick=top_shoptn_toggle()부분을 따로 상세검색버튼을 만들어서 옮겨 준다.

 
 
2.3 top_shoptn_toggle() 기능 실행하는 함수 부분에 아이디 수정.
 
 
3. 검색폼 아래 부분 소스를 추가.
 
      <!----------------------자동완성기능 추가부분----------------------->
      <script>
      $( "#shop_total_search_id" ).autocomplete({
       source: function( request, response ) {
       $.ajax({
       type: "POST",
       url: "skin_shop/standard/util_file/kwd.php",
       dataType: "json",
       data: { term: request.term },
       success : function( data ) {
       response( $.map( data, function( item ) {
       return {label: item, value: item}
       }))
       }
       });
       },
       minLength: 1
      });
      </script>
      <!----------------------------------------------------------------->
 
 
4. 첨부된 kwd.php 파일을 skin_shop\standard\util_file에 붙여넣고, kwd_php 파일 안의 DB 내용 수정.
(euckr / utf8 에 맞에 DB를 수정함, euckr 글자가 깨진다면 -> lib.php 파일의 157번째 부분 주석해제.
 
 
                 
 이름아이콘 카우스
2014-12-10 08:55
많은 도움이 되는 소스입니다.
보토스님의 실력 대단하십니다.
보토스 감사합니다 ^^ 12/10 11:07
   
 이름아이콘 아이케
2014-12-10 09:32
고생하셨습니다!
보토스 항상 지켜봐 주셔서 감사합니다~ 12/10 11:08
   
 이름아이콘 TECHSTAR
2014-12-10 11:33
좋은정보 감사합니다.
   
 이름아이콘 뮤지아
2014-12-10 21:18
고생하셨습니다.
감사합니다.
   
 이름아이콘 판술
2015-09-20 21:17
고생하셨습니다!
   
 이름아이콘 장군님
2017-06-13 21:59
다운받았습니다만,  테크샵이 아닌 일반 보드에서 글제목으로 자동완성 검색하는 밥법은 어떻게 하나요? utf-8 입니다.
   
 이름아이콘 장군님
2017-07-06 12:19
《Re》장군님 님 ,
http://히트나라.닷컴  자동완성 성공했습니다.
   
 
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
 
   
482
응용소스
유튜브에 직접 동영상을 올리기! API
ㆍ올린이 : 신홍
ㆍ등록일 : 2017-01-12
적용버전: 테크노트7 이상
ㆍ포인트 : 15,000 Point
ㆍ댓글수 : 29
미리보기: 보기
 
481
회원관련스킨
네이버 로그인 api php 버전입니다.
ㆍ올린이 : 신홍
ㆍ등록일 : 2016-12-31
적용버전: 테크노트7 이상
ㆍ포인트 : 30,000 Point
ㆍ댓글수 : 5
미리보기: 보기
 
480
회원관련스킨
네이버 아이디로 간편 로그인하기
ㆍ올린이 : 콜라~
ㆍ등록일 : 2016-12-30
적용버전: 테크노트7 이상
ㆍ포인트 : 30,000 Point
ㆍ댓글수 : 3
미리보기: 보기
 
479
기타분류
하나의 파일로 간단하게 시험지를 구현하는 소스입니다.
ㆍ올린이 : 콜라~
ㆍ등록일 : 2016-12-20
적용버전: 기타부분
ㆍ포인트 : 100,000 Point
ㆍ댓글수 : 10
미리보기: 보기
 
478
외부연동
KCP 전자결제 모바일, PC 통합 버전
ㆍ올린이 : 기즈모SOFT
ㆍ등록일 : 2016-12-19
적용버전: 테크샵 쇼핑몰
ㆍ포인트 : 100,000 Point
ㆍ댓글수 : 6
 
477
통합빌더
영상물을 모을 수 있는 용도로 사용합니다.
유튜브, 네이버(TV캐스트), 다음팟, Tudou(투도), Youku(요쿠), Vimeo(비메오), Dailymotion(데일리모션) 등의
ㆍ올린이 : 신홍
ㆍ등록일 : 2016-07-13
적용버전: 테크노트7 이상
ㆍ포인트 : 15,000 Point
ㆍ댓글수 : 21
미리보기: 보기
 
476
게시판스킨
게시를 중단합니다.
ㆍ올린이 : 봉쌤
ㆍ등록일 : 2016-03-10
적용버전: 테크노트7 이상
ㆍ포인트 : FREE DOWN
ㆍ댓글수 : 11
 
475
모바일
그냥 편의상 11번이라 이름짓고 쭉~ 작업하려 합니다.
ㆍ올린이 : 아이케
ㆍ등록일 : 2016-02-23
적용버전: 테크노트7 이상
ㆍ포인트 : 5,000 Point
ㆍ댓글수 : 8
미리보기: 보기
 
474
위젯.부분삽입
슬라이드 멀티 팝업창 입니다.
ㆍ올린이 : 미미
ㆍ등록일 : 2015-08-25
적용버전: 테크노트7 이상
ㆍ포인트 : 1,000 Point
ㆍ댓글수 : 6
미리보기: 보기
 
473
게시판스킨
유투브 전용 동영상 보드 스킨 입니다.
보드 복사후 유투브 전용 자료실로 활용 합니다.
ㆍ올린이 : 네모
ㆍ등록일 : 2015-07-08
적용버전: 테크노트7 이상
ㆍ포인트 : 5,000 Point
ㆍ댓글수 : 5
미리보기: 보기
 
472
외부연동
행정자치부 도로명주소 연계 모듈
ㆍ올린이 : 기즈모SOFT
ㆍ등록일 : 2015-04-14
적용버전: 테크노트7 이상
ㆍ포인트 : 5,000 Point
ㆍ댓글수 : 10
미리보기: 보기
 
471
응용소스
사이트내에 베너교환을 하거나 제휴베너를 게제하고 싶을때 테크노트 게시판과 연계한 스크롤 베너
ㆍ올린이 : 용갈
ㆍ등록일 : 2015-02-16
적용버전: 테크노트7 이상
ㆍ포인트 : 1,200 Point
ㆍ댓글수 : 4
 
470
모바일
모바일페이지를 심플하게 제작하시고 싶으신분들을 위한 소스입니다.
ㆍ올린이 : 용갈
ㆍ등록일 : 2015-02-04
적용버전: 테크노트7 이상
ㆍ포인트 : 1,800 Point
ㆍ댓글수 : 13
미리보기: 보기
 
469
디자인자료
팝업자료입니다.
ㆍ올린이 : 소망의힘
ㆍ등록일 : 2015-01-30
적용버전: 홈페이지 포괄
ㆍ포인트 : FREE DOWN
ㆍ댓글수 : 14
 
468
디자인자료
플래쉬배너 3번째입니다
ㆍ올린이 : 스타일모아
ㆍ등록일 : 2015-01-28
적용버전: 홈페이지 포괄
ㆍ포인트 : 2,000 Point
ㆍ댓글수 : 1
 
467
디자인자료
쇼핑몰에 필요했던 플래쉬배너입니다.
ㆍ올린이 : 스타일모아
ㆍ등록일 : 2015-01-28
적용버전: 홈페이지 포괄
ㆍ포인트 : 2,000 Point
 
466
디자인자료
쇼핑몰에 필요했던 플래쉬배너입니다.
ㆍ올린이 : 스타일모아
ㆍ등록일 : 2015-01-28
적용버전: 홈페이지 포괄
ㆍ포인트 : 2,000 Point
 
465
확장모듈
등록된 제품명을 부분적으로 입력하면 검색결과의 미리보기를 제공합니다.
ㆍ올린이 : 보토스
ㆍ등록일 : 2014-12-09
적용버전: 테크노트7 이상
ㆍ포인트 : 1,000 Point
ㆍ댓글수 : 9
 
464
통합빌더
14년에 제작해서 사용했던 저희 기관 홈페이지 빌더로 공개합니다.
ㆍ올린이 : 박정환
ㆍ등록일 : 2014-12-03
적용버전: 테크노트7 이상
ㆍ포인트 : 2,000 Point
ㆍ댓글수 : 12
미리보기: 보기
 
463
위젯.부분삽입
게시판 추가 확장된 필드까지 엑셀로 추출할 수 있는 애드온입니다.
ㆍ올린이 : 보토스
ㆍ등록일 : 2014-11-20
적용버전: 테크노트7 이상
ㆍ포인트 : 1,000 Point
ㆍ댓글수 : 6
 
 
          12345678910,,,25