목록#happycgi (1324)

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

[해피CGI][cgimall] TEXTAREA 글자수 제한 JQuery 플러그인

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 textarea_MaxCharacterLimit.js 파일 링크를 걸어줍니다. 2. 입력된 글자수 출력을 위한 카운터 객체를 추가합니다. 3. TEXTAREA 객체를 추가하고 textarea_MaxCharacterLimit 함수를 호출합니다. 함수의 인자값은 아래와 같습니다. totalCharsAllowed : 입력 제한 글자수 textareaIdentifier : TEXTAREA ID spanId : 카운터 ID - 작동 예제 작동 예제를 보듯 글자수를 Byte로 제한하지 않고 실제 글자수로 체크하는 듯 합니다. 한글의 경우 조합된 문자 1개가 1로 카운팅이 됩니다.
웹프로그램밍 자료실/JAVA 자료 2019. 12. 2. 09:18
[해피CGI][cgimall] 내용에 맞게 TEXTAREA 높이 자동 조절 JQuery 플러그인 - auto-resize.js

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 auto-resize.js 파일 링크를 걸어줍니다. 2. TEXTAREA 폼을 추가하고, auto-resize 함수를 호출합니다. 3. 최소 줄수, 최대 줄수를 옵션으로 설정할 수 있습니다. minRows : 기본값 2 maxRows : 기본값 무한대 - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2019. 11. 29. 09:06
[해피CGI][cgimall] Jquery 와 Bootstrap 를 이용한 notify(알림)

Notify는 닫기 버튼과 Font Awesome 아이콘이있는 Bootstrap 알림 표시 줄을 만드는 가벼운 jQuery 플러그인입니다. 플러그인을 사용하면 다른 jQuery / JavaScript 이벤트에서 여러 동적 알림을 트리거 할 수 있습니다. 가까운 오류, 성공, 정보 및 경고 알림 메시지를 사용자에게 쉽게 표시 할 수 있습니다. 또한 이러한 CSS3 스타일 알림 바는 최상의 사용자 경험을 제공합니다. 알림 메시지는 자동으로 사라지지만 수동으로 닫을 수도 있습니다. 라이센스는 MIT 라이센스 입니다. 1.라이브러리 및 CSS를 호출하세요. 2.버튼을 하나 만들어 보세요.클릭해주세요. 3.버튼에 각종 이벤트를 걸어 보세요. jQuery / JavaScript 이벤트 (click, mouseent..
웹프로그램밍 자료실/JAVA 자료 2019. 11. 28. 09:00
[해피CGI][cgimall] jQuery Modally (Nested Modal)

Modally 는 디자인 작업이 쉽도록 구성되어 있습니다. 가벼운 jQuery 플러그인으로 중첩 모달을 생성 할 수 있습니다. 중첩모달이란? ( 모달에서 또 다시 모달을 여는 것을 뜻합니다. ) 플러그인 작동을 사용자 정의하기위한 일부 구성 옵션이 제공됩니다. 사용자 정의 너비 및 CSS 스타일을 설정할 수 있습니다.플러그인에는 jQuery를 제외한 다른 외부 라이브러리가 필요하지 않습니다. 라이센스는 MIT 라이센스 입니다.
웹프로그램밍 자료실/JAVA 자료 2019. 11. 27. 09:04
[해피CGI][cgimall] css 마우스커서의 다양한 효과를 확인하는 css-cursor

브라우저별로 지원되는 마우스 커서 모양을 확인할 수 있습니다. 해당 소스를 지원하는 브라우저를 표시해둔부분을 확인할 수 있습니다. 적용방법은 아래와 같습니다.
웹프로그램밍 자료실/기타 자료 2019. 11. 26. 09:10
[해피CGI][cgimall] 간단하게 다양한 옵션으로 보여주는 Datapicker

부트스트랩 형태의 달력피커로 다양한 data 부터 달력을 미리 보이게 할것인지, 클릭시 반응하여 출력하게 할 것인지등 다양한 옵션을 선택하여 출력이 가능합니다. 토글옵션을 주어 달력을 미리보게 할 수 있습니다. Methods 으로 현재 날싸부터 선택된 달력의 날짜등을 확인할 수 있습니다.
웹프로그램밍 자료실/JAVA 자료 2019. 11. 25. 09:14
[해피CGI][cgimall] 크기가 달라지며 색이 변하는 버튼 효과

원래 하늘색이던 버튼이 마우스를 오버하면 위 이미지처럼 색과 크기가 바뀌는 효과를 낼 수 있는 소스입니다. js, css, html 파일을 사용하며 눈에 띄는 디자인이므로 포인트로 사용하기 좋을 듯 합니다.
웹프로그램밍 자료실/JAVA 자료 2019. 11. 22. 09:00
[해피CGI][cgimall] 71종류의 css를 이용한 폼 디자인 - freefrontend.com

css를 이용한 다이나믹한 71가지의 폼 디자인을 공유하고 있는 사이트입니다. 샘플 사이트내에서 이미지에 마우스를 오버하시면 간단히 이미지내에서 동작하는것을 확인할 수 있고 links 의 demo and code를 클릭하시면 html/css/js 파일 및 결과물을 확인하실 수 있습니다.아래의 export를 클릭하여 소스를 다운 받으시거나 파일로 바로 코드를 복사하여 확인하시면 됩니다.
웹프로그램밍 자료실/기타 자료 2019. 11. 21. 09:58
[해피CGI][cgimall] 온라인 php 샌드박스 - php-sandbox

온라인으로 PHP 소스코드를 실행해 볼수 있는 사이트 입니다.위와 같이 7.2.7 7.2.3 7.1.8 7.0.22 5.6.31 5.4.44 버전에 대해 테스트가 가능합니다. PHP 소스코드를 실행해볼 환경이 되지 않았을때 임시로 사용해 보기 좋은 곳 같습니다. 또는 간단한 소스코드를 짤때 큰 환경제한없이 웹에서 바로 확인 가능하니 이런때에도 유용하게 사용 가능하겠습니다.
웹프로그램밍 자료실/PHP 자료 2019. 11. 20. 09:01
[해피CGI][cgimall] Display Percentage/Progress Values As Gauges - Circle Progress

숫자를 비율로 표시해서 애니메이션이 되는 원그래프, 파이 그래프 형태의 다양한 샘플을 보실수 있습니다. 다운로드 받은 파일의 압축을 풀면 나오는 docs/index.html 파일을 웹브라우저로 열어서 보면 샘플을 확인하는게 가능합니다. 위 그림 보다 더 많은 예제를 확인 해볼수 있습니다. 입력박스의 숫자를 조절해보면 그래프가 변경되는게 애니메이션으로 진행이 되네요. 일반 자바스크립트를 이용해도 작동하고, Jquery 를 이용해도 작동하도록 되어 있네요. 출처는https://www.jqueryscript.net/loading/percentage-circle-progress.html 입니다
웹프로그램밍 자료실/JAVA 자료 2019. 11. 18. 09:13
Prev 1 ··· 32 33 34 35 36 37 38 ··· 133 Next