목록jquery (88)

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

[해피CGI][cgimall] Duplicate, Remove, and Sort Rows In Forms - jQuery formRowRepeater

formRowRepeater는 동적 양식 행 관리를 위한 경량 jQuery  플러그인입니다. 사용자는 드래그 앤 드롭을 통해 양식 행을 추가/복제하고, 기존 행을 제거하고, 순서를 변경할 수 있습니다. 입력 필드, 선택 드롭다운, 확인란, 라디오 버튼 등을 포함한 다양한 입력 유형과 함께 작동합니다. 플러그인의 핵심 기능은 양식 내에서 중복 행을 관리하는 것입니다. 온라인 인보이스 시스템용 양식을 만든다고 상상해 보십시오. 송장의 각 항목에는 제품 이름, 수량 및 가격에 대한 필드가 필요할 수 있습니다. 이러한 필드의 여러 인스턴스를 하드 코딩하는 대신 formRowRepeater를 사용하면 단일 "템플릿 행"을 정의할 수 있습니다. 이 템플릿은 새 행을 동적으로 생성하기 위한 청사진 역할을 합니다. 그..
웹프로그램밍 자료실/JAVA 자료 2024. 7. 30. 09:10
[해피CGI][cgimall] Google Sheets Style Feature Rich jQuery Spreadsheet Plugin - ipgrid

ipgrid는 Google 스프레드시트 및 MS Excel에서 영감을 받은 유연하고 기능이 풍부하며 사용자 정의가 가능한 jQuery 스프레드시트 플러그인입니다. 많은 구성 옵션과 API 메소드 및 이벤트가 함께 제공됩니다. 다운로드 받은 파일의 압축을 해제하고, demo.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 사용법은 아래와 같습니다.
웹프로그램밍 자료실/JAVA 자료 2024. 1. 3. 09:17
[해피CGI][cgimall] 국가별 국기 및 전화 코드 입력 폼 jQuery 플러그인

- 라이센스 MIT - 사용 방법 1. 페이지의 헤드 섹션에 intlTelInput.css 파일을 호출합니다. 2. 전화번호 입력 필드를 추가합니다. 3. 페이지 하단에 jQuery 라이브러리와 intlTelInput.min.js 파일을 호출합니다. 4. 플러그인을 호출합니다. 5. 기본 옵션과 메소드, 이벤트 등은 플러그인 홈페이지를 참고하세요. - 작동 화면
웹프로그램밍 자료실/JAVA 자료 2023. 10. 30. 09:05
[해피CGI][cgimall] jQuery 기반 URL 파서(Parser) - ddUrl

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 jQuery.ddUrl.js 플러그인을 호출합니다. 2. 아래와 같은 메소드를 이용하여 원하는 값을 파싱할 수 있습니다. - URL의 모든 모든 요소들 - 전체 URL - 프로토콜 파싱 - 호스트(도메인)명 - 포트 - 경로 - 쿼리 파라미터 이 외에 추가적인 메소드들은 플러그인 홈페이지를 참고하세요.
웹프로그램밍 자료실/JAVA 자료 2023. 10. 27. 09:37
[해피CGI][cgimall] jquery 상하슬라이드 롤링 소스

상하 슬라이드 로링 되는 jquery 자바스크립트 소스입니다. jquery 소스 링크와 간단한 스크립트 소스를 통해서 상하 롤링 슬라이드 기능을 이용할 수 있습니다. 스크립트네 높이값 조절을 통해 이동하는 높이값 설정도 쉽네요. 여러모로 활용도가 높은 소스입니다.
웹프로그램밍 자료실/JAVA 자료 2023. 9. 12. 09:17
[해피CGI][cgimall] Minimal Accessible Responsive Table Plugin - jQuery Easy Table A11Y

Easy Table A11Y는 모바일 및 태블릿 장치와 같은 작은 화면에서 테이블 보기 경험을 향상시키도록 설계된 최소한(~1kb 축소), 액세스 가능, 반응형 테이블 jQuery 플러그인입니다. 작은 화면에서 볼 때 다중 열 테이블을 간결한 2열 형식으로 변환하여 정보를 손상시키지 않으면서 가독성을 향상시키는 방식으로 작동합니다. 다운로드 받은 파일의 압축을 해제한 뒤, dist/demo.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 화면이 크면 위 그림의 표처럼 표시가 되다가, 화면의 크기가 줄어들면, 아래 그림 처럼 표의 모양이 변경됩니다. 사용방법은 아래와 같습니다.
웹프로그램밍 자료실/JAVA 자료 2023. 8. 22. 09:18
[해피CGI][cgimall] 입력 필드의 자릿수 제한 및 자동 쉼표 jQuery 플러그인 - maxlength.js

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 maxlength.js 플러그인을 링크합니다. 2. 플러그인을 적용하려면 입력 필드에 data-max-length 옵션을 추가하면 됩니다. 3. 자릿수 제한 외에도 다양한 옵션을 사용할 수 있습니다. data-disable-autofill: 부분 자동 채우기를 비활성화합니다. data-disable-auto-comma: 쉼표 자동 완성을 비활성화합니다. data-disable-smart-minus: 스마트 마이너스 구성을 비활성화합니다. data-disable-init-refresh: 초기 새로 고침을 비활성화합니다. data-enable-highlight-minus: 기본 빨간색 또는 할당된 16진수 색상으로 음수 값 강조 표시를 활성화합..
웹프로그램밍 자료실/JAVA 자료 2023. 6. 22. 09:07
[해피CGI][cgimall] Sticky Header + Smooth Scroll + Scrollspy = Stoocky Page

다운로드 받은 파일의 압축을 해제한 뒤 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 웹페이지에서 스크롤을 내리다 보면 위 그림 처럼 스크롤을 따라다니는 메뉴가 상단에 붙어서 현재 보고 있는 위치가 어디인지를 표시해주게 됩니다. 사용방법은 아래와 같습니다.
웹프로그램밍 자료실/JAVA 자료 2023. 4. 21. 09:08
[해피CGI][cgimall] 빠른 이모지(emoji) 선택기 - jQuery emoji-picker.js

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 emojiarea.js 플러그인을 링크합니다. 2. jQuery emoji-picker.js 관련 파일들을 링크합니다. 3. 입력 필드를 emoji-picker-container 컨테이너로 감싸줍니다. 4. 플러그인을 실행하여 입력 필드에 연결합니다. 5. 이미지 대신 유니코드 이모지를 삽입할 수 있습니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2023. 3. 28. 09:24
[해피CGI][cgimall] 초소형 드래그(Drag) 앤 드롭(Drop) 플러그인 - jQuery draggable-mcs

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 draggable-msc 플러그인을 문서에 링크합니다. 2. 헤더 식별자를 사용하여 DIV 컨테이너를 만듭니다. 3. draggable-msg 플러그인을 호출하여 컨테이너를 드래그할 수 있도록 합니다. 4. 옵션으로 드래그할 수 있는 기본 식별자를 재정의할 수 있습니다. 5. 옵션으로 드래그 가능한 DIV의 초기 위치를 지정할 수 있습니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2023. 3. 24. 10:28
Prev 1 2 3 4 ··· 9 Next