| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- #웹솔루션
- 사이트제작
- #홈페이지제작
- #jQuery
- #뉴스
- #동영상
- 웹솔루션
- 해피CGI
- 홈페이지제작
- 홈페이지
- #업종별
- 해피씨지아이
- #솔루션
- #CSS
- #이미지
- #cgimall
- #쇼핑몰
- javascript
- happycgi
- jquery
- 게시판
- #happycgi
- CGIMALL
- #image
- CSS
- #홈페이지
- 솔루션
- php
- 쇼핑몰
- #해피CGI
- Today
- Total
목록#tag (2)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 텍스트 필드 기반 태그 입력 플러그인 - Tagify
- 라이센스 MIT - 사용 방법 1. 파일 상단에 tagify.css 파일 링크를 걸어줍니다. 2. Jquery 버전 사용시 jQuery 라이브러리 파일 링크와 함께 jQuery.tagify.js 파일을 링크해줍니다. 2-1. 만약 순수한 Javascript만 사용하고 싶다면 tagify.js 파일을 링크해줍니다. 3. 태그를 입력할 INPUT 태그를 추가합니다. 4. tagify 스크립트를 실행합니다. jQuery 버전과 순수 Javascript 버전 구분은 주석을 참고하세요. 5. 태그의 중복 입력을 허용하려면 아래와 같이 duplicates 옵션에 false를 입력하세요. 6. 세부 옵션과 API 메소드, 이벤트 등은 홈페이지를 참고하세요. - 작동 예제
[해피CGI][cgimall]Tag Clouds Styling and Adding Sort Options
웹페이지에 Tag Cloud 를 출력할수 있는 jquery 플러그인입니다. 첨부된 파일을 다운로드 받아서 압축을 해제하고 index.html, index2.html, index3.html 을 웹브라우져로 열어보시면 데모를 확인하는게 가능합니다. 기능은 각 태그들을 알파벳순으로 정렬하는 기능과, 위 이미지의 상단에 있는 모양 에서 하단의 모양으로 변경되는 기능 정도가 있습니다. 단어를 추가하는 것은 HTML태그에 li 태그를 추가하는 정도로 쉽게 가능하며, 자바스크립트는 화면에 보이는 tag의 모양을 변경하는 코드는 아래와 같고, 알파벳순으로 정렬하는 코드는 위 그림 처럼 홈페이지에서 제공도 해주지만, 첨부파일에 포함된 index3.html 의 소스코드내에도 있습니다. 출처는 http://cssglobe...