목록#textarea (7)

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

[해피CGI][cgimall] 텍스트의 차이점 비교 JQuery 플러그인

- 라이센스 MIT - 사용 방법 1. 2개의 TEXTAREA를 이용하여 비교할 텍스트를 각각 입력합니다. 2. 차이점 비교 버튼을 추가합니다. 3. 비교 결과가 출력될 요소를 추가합니다. 4. 상단에 Jquery 라이브러리와 app.js 파일을 링크합니다. 5. CSS를 통해 비교 결과 화면을 꾸밀 수 있습니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2021. 1. 11. 09:37
[해피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] TEXTAREA 입력 글자수 제한 JQuery 플러그인

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 textarea_MaxCharacterLimit.js 파일 링크를 걸어줍니다. 2. 입력 글자 카운트가 출력될 객체를 추가합니다. 3. TEXTAREA 객체와 플러그인을 호출합니다. totalCharsAllowed : 최대 입력 글자수textareaIdentifier : TEXTAREA IDspanId : 카운터 ID - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2019. 10. 7. 09:19
[해피CGI][cgimall] 텍스트에어리어 자동 높이 조절 Text Area - Auto Height

텍스트 에어리어는 한 줄 이상의 텍스트를 편집할 수 있는 영역을 만들고 싶을 때 사용합니다 문자가 지정된 영역에서 벗어나면 스크롤바가 생깁니다. 해당 소스를 이용하면 스크롤바가 생기지 않고 높이가 자동조절됩니다.
웹프로그램밍 자료실/JAVA 자료 2019. 10. 4. 09:05
[해피CGI][cgimall] 내용에 맞게 TEXTAREA 높이 자동 조절 JQuery 플러그인 - autoSized

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 autoSized JS 파일 링크를 걸어줍니다. 2. TEXTAREA를 추가하고 플러그인을 호출합니다. 옵션으로 가로크기(width)와 최소 높이값(minHeight)을 지정할 수 있습니다. 3. TEXTAREA의 배경색이나 글자색을 옵션으로 지정할 수 있습니다. 4. 그 외에 CSS의 resize 옵션과 overflow 옵션을 추가할 수 있습니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2019. 9. 2. 09:13
[해피CGI][cgimall] 텍스트 에어리어 자동높이/최대높이 Auto Resizing Textarea with max-height

텍스트를 입력하면 자동으로 높이가 늘어납니다. 스크립트 소스상에 지정된 높이보다 늘어나게 되면 스크롤바가 출력되고 더 이상 높이가 증가하지 않습니다. $('#contact-form').on( 'change keydown keyup paste cut', 'textarea', function () { $(this).height(0).height(this.scrollHeight+2); if ($(this).height() >= 300) { $('textarea#message').css("overflow", "auto"); } else { $('textarea#message').css("overflow", "hidden"); } }).find('textarea#message').change(); /* alter..
웹프로그램밍 자료실/JAVA 자료 2019. 7. 29. 09:03
Prev 1 Next