본문 바로가기

plugin21

[제이쿼리 플러그인 소스] inputbox에서 커서가 원하는 곳에 위치하게 하는 jquery plugin See the Pen [jQuery plugin] inputbox에서 커서가 원하는 곳에 위치하게 하는 제이쿼리 플러그인 소스 by zzzznara (@zzznara) on CodePen. 자동으로 커서를 inputbox에 위치하게 할 때 inputbox의 내용 뒤에 커서가 위치하게 하는 제이쿼리 플러그인 입니다. $(“[name=cur]”).focus(); 이렇게 focus()를 주게 되면 커서가 앞에 위치합니다. $(“[name=cur]”).focus().setCursorPosition(); 이 플러그인을 넣고 focus() 뒤에 setCursorPosition( 1 )를 하게 되면 커서가 글자 뒤에 위치합니다. setCursorPosition() 안의 숫자는 포커스의 위치입니다. 2018. 10. 25.
[jQuery] jquery ui의 달력을 세팅하고 날짜 유효성 체크 및 기간 설정해주는 플러그인(plugin) See the Pen [jQuery] jquery ui의 달력을 세팅하고 날짜 유효성 체크 및 기간 설정해주는 플러그인(plugin) by zzzznara (@zzznara) on CodePen. 1. 달력에 숫자와 하이픈(-)만 입력가능합니다. 2. 존재하지 않는 날짜를 입력했는지 체크합니다. 3. from ~ to 달력인 경우, 서로 기간이 엇갈리지 않게 체크 및 disabled 처리합니다. (from 달력에 ‘2018-01-01’이 선택된 경우, to 달력은 ‘2018-01-01’ 이후만 선택 가능합니다.) 2018. 5. 31.
[jQuery] jqtransform의 selectbox의 option 추가해도 안 보이는 문제 해결방법 2018/05/23 - [프로그래밍 언어/jQuery] - [jQuery] form의 inputbox, selectbox, radio 버튼을 예쁘게 꾸며주는 jqtransform 플러그인을 소개합니다. Head Javascript /** * * jqTransform * by mathieu vilaplana mvilaplana@dfc-e.com * Designer ghyslain armand garmand@dfc-e.com * * * Version 1.0 25.09.08 * Version 1.1 06.08.09 * Add event click on Checkbox and Radio * Auto calculate the size of a select element * Can now, disabled the .. 2018. 5. 23.
[jQuery] form의 inputbox, selectbox, radio 버튼을 예쁘게 꾸며주는 jqtransform 플러그인을 소개합니다. Head Javascript $(function(){ $('form').jqTransform({imgPath:'http://www.htmldrive.net/edit_media/2010/201009/20100927/jqtransform/jqtransformplugin/img/'}); }); Body Input Text: Input Password: Checkbox: Radio : oui non Select : 1 2 Select Redimention : Big Option test line with more words Multi line row. Multi line row. Multi line row. Multi line row. Option 2 Option 3 Option 4 Option 5 Option.. 2018. 5. 23.
[Wordpress] 워드프레스 Ultimate Post Types 플러그인(Plugin)을 사용하려면 Ultimate Fields 플러그인을 반드시 설치해야 합니다. 저는 Custom Post Type을 만들기 위해 Ultimate Post Types라는 플러그인을 사용합니다. Custom Post TypePosts라는 워드프레스의 글쓰기 형태를 이용해서 사용자가 원하는 방식의 글쓰기 형태를 일컬음 그런데, Ultimate Post Types라는 플러그인을 사용하기 위해서는Ultimate Fields라는 플러그인을 같이 설치해야 합니다. Ultimate Fields라는 플러그인을 설치하면 이렇게 메뉴가 나타납니다.Ultimate Post Types라는 플러그인을 설치하면 Ultimate Fields에 메뉴 2개가 더 나타납니다. Post Types와 Taxonomies라는 메뉴가 더 생겼습니다.즉, Ultimate Post Types 플러그인을 설치해서 사용하려면 U.. 2018. 5. 19.
[eXERD] 이클립스 플러그인으로 ERD 사용하기 이클립스 플러그인으로 ERD를 사용할 수 있는 프로그램이 있네요.eXERD라는 프로그램인데 Er-Win 없이도 ERD를 작성/수정할 수 있습니다. http://ko.exerd.com/#download-section플러그인 설치방법은 위 링크를 클릭하셔서 확인하시면 됩니다. 설치하시면 이클립스에서 다음과 같이 ERD를 작성할 수 있습니다. 2018. 5. 14.
[Wordpress] 워드프레스 페이지나 포스트의 제목을 안 보이게 해주는 플러그인(plugin) 워드프레스 페이지를 만들어 사용하고 있습니다.페이지에 shortcut을 만들어 특정 플러그인을 동작하게 할수도 있는데요.저도 이렇게 하나 만들어 봤습니다. 이렇게 만들었는데...위에 메뉴가 [읽기 Area]라고 나오는데 굳이 타이틀로 [읽기 Area]라고 또 나올 필요가 없거든요.그래서, 제목을 숨겨주는 플러그인을 설치했습니다. Disable Title이라는 플러그인인데요. 설치하시고 활성화를 한 후에,,,해당 페이지의 수정화면으로 들어가보면 이처럼 제목을 숨길 수 있는 기능이 추가돼 있습니다.해당 페이지나 글을 쓸 때 이처럼 체크만 해주면 제목을 안 보이게 할 수 있답니다. 이렇게 제목이 숨겨졌네요^^ 2017. 1. 7.
[이클립스] eclipse에서 messages.properties 파일을 열면 유니코드로 보이는 문제 해결방법 - PropertiesEditor 플러그인(plugin)으로 해결 이클립스를 설치하고 나서 messages.propertes 파일을 열면 다음과 같이 유니코드로 보일 수 있습니다.이건 messages.properties 파일 자체가 유니코드로 값을 저장하고 있기 때문인데요.이걸 한글이나 영문으로 변환해서 보여주는 플러그인이 바로 PropertiesEditor랍니다. 자, 그럼 한번 플러그인을 설치해 볼까요?이클립스 메뉴에서 [Help > Install New Software...]을 클릭하세요. [Add] 버튼을 클릭해서 Location에 다음과 같이 입력하세요.http://propedit.sourceforge.jp/eclipse/updates/ 조금 기다리면 위와 같이 목록이 나오는데요.PropertiesEditor를 선택하신 후아래그림처럼 쭉~ 진행하시면 됩니다. .. 2016. 10. 11.
이클립스(eclipse) + PHP 플러그인(plugin) 설치해서 이클립스로 PHP 코딩하기 자바만 벌써 10년 가까이 코딩을 해와서 그런지 저는 Subprime Text 같은 요즘 대세인 툴보다 이클립스가 익숙하고 좋습니다.이클립스가 다소 무겁긴 해도 너무도 편리한 기능들이 많은 막강한 기능을 갖춘 툴이라고 생각합니다. 그래서, PHP 코딩도 저는 이클립스에서 해야 작업이 잘 되더라구요.물론, 제가 PHP를 하는 이유는... 워드프레스 작업을 해야하기 때문이죠^^ 그럼,,, 이클립스에 PHP 플러그인을 설치해서 코딩하는 방법을 설명드리도록 하겠습니다.설치방법은 간단합니다. 1. JRE를 설치한다.2. 이클립스 최신버전을 다운로드 받아서 설치한다.3. PHP 플러그인을 설치한다.4. PHP 프로젝트로 전환한다. 1. JRE를 설치한다. http://www.oracle.com/technetwork.. 2016. 6. 17.
[Wordpress] 워드프레스에 스팸 댓글 차단 플러그인 Akismet 설치하기 제가 처음에 티스토리를 운영하면서 스팸 댓글 땜에 머리가 아팠는데요.지금은 티스토리에서 Akismet이라는 댓글 방지 플러그인을 지원해줘서 잘 사용하고 있습니다.덕분에 스팸이 거의 없는 상태가 되었는데요. 워드프레스에도 Akismet 플러그인을 설치하면 스팸 방지가 될꺼라 생각합니다.Akizmet이 Wordpress.com과 제휴를 맺었나 봅니다.Wordpress.com은 워드프레스로 가입형 블로그를 운영할 수 있는 곳인데요.이곳에서 무료 워드프레스 계정을 만들어서 블로그를 운영할수도 있습니다. http://wordpress.comAkismet은 이 워드프레스닷컴의 계정이 있어야 key를 받을 수가 있으므로 먼저 가입하시기 바랍니다. 먼저, 워드프레스 관리자페이지의 플러그인 메뉴로 가세요. Akismet.. 2016. 1. 30.
[이클립스] eclipse에서 class 파일을 디컴파일해서 소스 보여주는 jadclipse 플러그인 설치하기 eclipse에서 java 소스는 없고 class 파일만 있을 경우라면, 어떻게 소스가 구성돼 있는지 몰라 답답할 때가 많을 겁니다.jar 파일로 소스가 묶여 있을 때에도 마찬가지죠.에러가 발생했을 때 소스의 어느 부분에서 에러가 나는지 확인할 수 있으면 작업하기도 편리하고 누구에게 이 작업을 요청해야 할지 편할 겁니다. 이럴 때 jadclipse라는 이클립스 플러그인을 설치하시면 편리합니다.class 파일이나 jar 파일로 묶여 있는 소스까지도 디컴파일해서 보여주거든요. 그럼, 한번 설치해 볼까요? 이클립스 메뉴에서 [Help > Eclipse Marketplace..] 클릭하시구요. jadclipse로 검색을 하시고 [JadClipse for Eclipse 4.x]를 [install] 하세요.그리고,.. 2015. 12. 26.
[jQuery] 달력 및 입력란 날짜 포맷 맞게 해주는 플러그인(plugin) - jsfiddle.net inputbox와 연계할 달력을 찾던 중에 아주 좋은 jQuery 달력 플러그인을 발견해서 소개해 드립니다.달력도 달력이지만, "2015-10-06"처럼 포맷에 맞게 입력하도록 inputbox를 셋팅해 주고, 잘못된 날짜가 입력됬는지도 체크해주는 완벽한 플러그인이네요. http://jsfiddle.net/trixta/swqme/이 링크 클릭하시고 가서 한번 확인해 보세요. 이 파일을 다운로드 받아서 압축풀고 실행해 보셔도 됩니다. "연도-월-일" 포맷을 자동으로 설정해 주고 있구요. 이처럼 validation 체크까지 해주고 있습니다. 화살표로 날짜를 이동할수도 있고 달력을 선택할수도 있네요.VB나 델파이같은 애플리케이션으로 구현된 달력 입력란과 거의 동일하게 구현해 놓았네요. 달력이 필요하신분들 한번 .. 2015. 10. 6.
[Wordpress] 워드프레스 에디터에 표 넣는 플러그인(plugin), TinyMCE Advanced 워드프레스 기본 에디터에는 표가 없습니다.하지만, 플러그인을 설치하면 에디터에 표가 하나 생기는데요.[TinyMCE Advanced]라는 플러그인을 설치하시기만 하면 됩니다. [관리자페이지 > 플러그인 > 플러그인 추가]로 들어가셔서 TinyMCE Advanced로 검색하고 설치합니다. 다 설치가 되면 반드시 플러그인을 활성화해야 합니다. 표를 그릴 수 있는 아이콘이 하나 생겼네요 ㅋ 표를 삽입하시고 마우스로 쭉 당겨보세요~ 원하는 부분을 선택하시고 표 속성, 열 속성으로 배경 색상이나 테두리 색상 등을 지정할 수 있습니다. 자, 이렇게 하고 글을 작성하시면 아래처럼 표가 잘 보여집니다. 2015. 8. 19.
[jQuery] 제이쿼리 숫자에 콤마 찍어주고 소수점 제어하는 플러그인(plugin) jQuery의 장점은 사용하기 너무너무 편리하다는 것 외에.. 원하는 모든 게 플러그인만 받으면 구현이 가능하다는 것입니다. 원하는 게 있다면 먼저 플러그인부터 검색해 보세요. 숫자에 3자리마다 콤마를 찍어야 하는 경우가 있어서 플러그인을 찾아보았습니다. 아래 첨부된 파일 다운로드 받아서 사용하시면 되구요. 아래 링크 들어가셔서 다운로드 받으셔도 됩니다. https://github.com/teamdf/jquery-number jquery.number.min.js 파일만 소스에 추가하시면 되구요. 아래처럼 $.number() 함수 안에 숫자 넣으셔서 사용하시면 됩니다. selecter로 객체를 찾아 구현할 때는 $(객체).number() 사용하시면 되네요. $("span").number( true, 2 ).. 2015. 8. 6.
[jQuery] plugin(제이쿼리 플러그인)으로 검색 자동완성(autocomplete) 구현하기 자동완성을 구현할 일이 생겨서 찾아보던 차에 좋은 plugin을 발견했네요.jQuery Autocomplete 플러그인인데요.http://dndrb0.blog.me/120205427972저는 이분이 올려놓으신 거 좀 수정해서 다시 올려봅니다. => 다운로드 받아서 실행해 보세요. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152자동완성 var availableTags = [ '가나', '가나쵸콜렛', '갈갈이 삼형제', '북마크', '북까페', '엄마', '아빠', '북소리', '여러분', '소문', '소문난 식당', '나나나', '쇼', '쇼팽', '모나미', '한강', '강강수월래.. 2015. 7. 6.