내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 356

회원 간편 검색 위젯

최초 등록일: 2020.04.10 조회수 : 252

무료

5.0점 / 총 3명 참여
  • 구매자 20
  • 소개 인풋 필드를 통해 회원의 닉네임을 검색해서 목록을 출력하고 지정된 방식으로 회원정보 페이지를 링크합니다. 
  • 설치경로 ./widgets/ap_member_handy_search 
  • 지원환경 XpressEngine,Rhymix 
  • 라이선스 XPM License (재배포 금지) 
  • 분류 위젯
  • 제작자 윤삼
  • 다운로드
    ap_member_handy_search.0.1.1.zip 46.3KB (잔여일 : -, 잔여횟수 : -)

- 말 그대로 닉네임으로 회원을 간편하게 검색할 수 있는 위젯입니다.

- 벌써 2년전에 만들었던 자료인데 생각난 김에 공유해봅니다.

... 근데 이걸 예전에 어디선가 공유를 했던 것도 같은데 잘 안 찾아지네요;;;

=> 아 찾았다. 여기 있었네요. https://xetown.com/topics/1027330
... 암튼 위 링크에 있는 것과는 폴더명도 다르고 동작도 살짝 개선하고 그래서 조금은 다를 겁니다.

- 아무데나 갖다 붙여넣으세요ㅋ

 

1. 작동 방식 보기

 

- 기본 스킨에 의하면 초기 화면은 이렇게 덩그러니 인풋 필드만 있습니다.

4.png
... 더 나은 스타일링은 각작 커스텀하거나 스킨 개발해서 추가하시면 됩니다.

 

- 입력해보겠습니다.

5.png
... 일단 잘 입력되는군요ㅋ

 

- 초성에 이어 중성까지 입력되면 자동완성 리스트가 뜹니다.

6.png
... 검색결과에 검색어가 하이라이트 됐네요ㅎ
... 결과 목록의 정렬은 나름 가중치가 있습니다. 검색결과가 검색어로 시작할 것, 검색결과에 중복값이 있을 것 등등. 사실 그외에는 그냥 가나다순입니다ㅋ 귀찮귀찮;;;

 

- 방향키 이동 또는 마우스엔터가 되면 이렇게 목록에도 하이라이트가!

7.png
: 여기서 엔터를 누르거나 좌클릭하면?

 

- 회원페이지 또는 섬씽 모듈이 활성화돼 있다면 회원활동 페이지로 연결됩니다

... 이거는 멤버 모듈의 회원페이지 결과네요 :)
8.png

 

미리보기

 

2. 위젯 설정하기

 

- 먼저 검색 대상 회원 그룹을 체크하여 검색 범위와 결과를 한정시켜줍니다.

0.png
... 보안 문제도 있을 테니까 회원그룹 선택은 매우 중요하지요.

 

- 자동완성 리스트에 나타낼 최대 개수를 지정합니다.

1.png
... 디스크립션에 설명이 다 나와 있네요ㅎ

 

- 링크로 이동할 때 회원모듈로 갈지 썸씽모듈로 갈지 선택해줍니다.

2.png
... 2, 3번을 선택할 때는 당연히 썸씽모듈이 깔려 있어야겠지요?

 

- 마지막으로 링크를 열 때 현재 창에서 진행할지 새 창에 진행할지 고릅니다.

3.png

 

미리보기

 

 

그럼, 끝.

profile 사물이 거울에 보이는 것보다 가까이 있음

댓글 '7'

프로필 사진 profile
웹스택 2020.04.10 09:53 댓글 별점
굳 bb
선 리뷰 후 다운로드합니다..!
프로필 사진 profile
윤삼 2020.04.10 10:37 댓글 별점
우훗 감사합니다~
(그나저나 이렇게 정식으로 올리고 보니 동작 상 결점들이 눈에 들어오네요ㅠㅠ)
프로필 사진 profile
산소아빠 2020.04.10 16:53 댓글 별점
좋은 자료 감사드립니다^^
프로필 사진 profile
굿타임 2020.04.30 03:54 댓글 별점
감사합니다.
프로필 사진 profile
산소아빠 2020.06.02 13:45 댓글 별점
검색시 나타나는 회원명 옆에 member_srl 을 표시해주려면 어디를 수정해야할까요?
프로필 사진 profile
윤삼 2020.06.02 15:11 댓글 별점
./widgets/ap_member_handy_search/src/js/autocomplete.js 111행을
' ('+ item.member_srl +')</span></div></li>')
으로 바꿔보세요.
프로필 사진 profile
산소아빠 2020.06.02 18:19 댓글 별점
거기 숨어 있었군요 ㅎ 감사합니다~^^