목록#Search (4)

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

[해피CGI][cgimall] Expanding Search Bar Deconstructed 확장형 검색창

검색버튼을 클릭하면 입력부분이 확장되고 입력후 클릭하면 검색됩니다. 입력값이 없는 상황에서는 검색버튼을 클릭하면 다시 닫힙니다. 입력부분 외부를 클릭하면 닫힙니다. css와 JavaScript를 이용하여 구현되어 있습니다. 해당사이트에서 소스 다운로드 및 설명을 확인할 수 있습니다. ​ ​ ​
웹프로그램밍 자료실/기타 자료 2020. 9. 14. 09:53
[해피CGI][cgimall] Simple Morphing Search 검색클릭시 화면 전환 인터페이스

우측 상단의 검색 클릭시 전체화면을 오버레이하는 레이어 검색창이 출력됩니다. 검색창 출력시 에니메이션 효과로 자연스럽게 전환이 됩니다. 해당 사이트에서 소스 다운로드 및 설명을 확인할 수 있습니다.
웹프로그램밍 자료실/기타 자료 2020. 9. 11. 09:14
[해피CGI][cgimall] JQuery을 이용한 객체 검색기능 Bootstrap Filters

부트스트랩에는 필터링기능이 없으나, JQuery를 이용하여 구성요소를 필터링 검색할 수 있습니다. 대 소문자 구분없이 테이블 항목의 내용을 검색할 수 있습니다. 검색 및 필터검색에 따라 해당하지 않는 객체 항목은 숨김처리됩니다. 위 사이트에는 드롭다운형 필터 검색 기능, 일반 내용, 버튼 등도 검색/필터에 적용되어 디스플레이 처리 됩니다.
웹프로그램밍 자료실/JAVA 자료 2018. 4. 5. 09:11
[해피CGI][cgimall]Search Highlight in jQuery

다운로드 받은 파일의 압축을 해제한 후에 웹서버에 업로드 하고 index.php 를 웹브라우져로 접속하면 확인이 됩니다. 검색하려는 단어를 입력하고 find 버튼을 클릭하면 텍스트중에서 검색어로 입력한 단어가 하이라이팅이 됩니다. 한글도 하이라이팅처리가 잘 되네요. 출처는 https://www.sourcecodester.com/javascript/9100/search-highlight-jquery.html 입니다.
웹프로그램밍 자료실/JAVA 자료 2017. 9. 19. 09:07
Prev 1 Next