웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jQuery fontIconPicker 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jQuery fontIconPicker

해피CGI윤실장 2017. 2. 22. 09:55

jquery 를 이용해서 개발된

웹페이지의 입력박스 기능을 이용해서
여러가지 아이콘중 사용자가 원하는 아이콘을 입력받을수 있는
아이콘피커 입니다.




위 그림 처럼 아이콘을 화면에 표시해주고
그중에 하나를 선택하는 용도로 사용이 가능합니다.



아이콘을 여러 분류로 구분해둘수 있으며,

해당 하는 분류를 선택하면



분류해둔 아이콘을 모아서 보여주고 선택할수 있게 되며,




특정 단어로 아이콘을 검색해내는 기능도 구현이 되어 있네요.


다운로드 받은 압축파일의 압축을 해제해서
demo/index.html 을 IE나, 크롬 같은 웹브라우져로 열어보면




각 상황에 대해서 어떻게 사용이 가능할런지에 대한 사용법 및 예제등을 확인이 가능합니다.

아이콘을 약간씩 바꾼다면
음식점 홈페이지의 메뉴접수나,
어떤 문의의 분류정도를 입력받는 용도로 활용이 가능해보이네요.


출처는
http://www.htmldrive.net/items/show/1501/fontIconPicker-icon-picker-with-categories-search-with-jQeury
입니다.

 

홈페이지바로가기 

Comments