본문 바로가기

2018/0517

[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.
[bootstrap] 부트스트랩 사이드바 픽셀(px)로 고정된 반응형 레이아웃 그리드 보통 부트스트랩 반응형 그리드는 브라우저 창 너비가 줄어들면 사이드바도 같이 줄어드는데 사이드바는 줄어들지 않고 정해진 px로 고정돼 있으면서 내용 부분만 줄어드는 반응형 그리드 예제입니다. 참고로, 부트스트랩 3.0 이상에서만 동작한다고 합니다. 2018. 5. 26.
[자바스크립트] javascript로 iframe에 동적으로 소스를 추가하거나 변경하는 방법 이런식으로 iframe에는 파일을 하나 만들어서 src 속성으로 넣었는데요. 파일이 없어도 iframe에 소스를 추가하거나 변경할 수 있습니다. 소스에 주석이 돼 있으므로 설명은 생략합니다. 2018. 5. 24.
[javascript] 자바스크립트로 json 변수에 담겨있는 key value 추출 방법 json 변수에 key, value값이 뭐가 들어있는지 알고 싶을 때 사용할 수 있는 예제입니다.123for(var key in json) { $("#jsonList").append(""+ key +":"+ json[key] +"");}Colored by Color Scriptercs 긴 설명은 필요없고 이 부분만 잘 확인하시면 됩니다. 2018. 5. 24.
[ERD] 웹으로 ERD를 만들고 불러오는 웹ERD(aquerytool.com)를 소개합니다. http://aquerytool.com/ 웹에서 ERD를 그릴 수 있는 사이트가 있네요.영어로 된 사이트는 제가 사용을 하고 있었지만,우리나라 사람이 만든 사이트가 있네요. 이제 이곳을 더 자주 이용할 것 같네요.UI도 깔끔하고 기능도 많네요. 저는 무엇보다 쿼리로 테이블 생성해주는 기능이 너무 맘에 드네요^^ 이외에도 정말 웬만한 기능은 다 있네요.한번 사용해 보심이... 2018. 5. 24.
[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.
Html Html5 Css Javascript(자바스크립트) jQuery 실행기 - 바로 확인 가능) Editor - HTML HTML5 CSS javaScript jQuery Output 새창으로 보기 2018. 5. 20.
[bootstrap] 부트스트랩 – 100%(full-width) 내비게이션 메뉴바 [냅바(navbar)] 100% 내비게이션 메뉴바 샘플 소스입니다. 기존의 부트스트랩 navbar는 100%는 아녔죠. 디자인도 좀 입혔습니다. [새창으로 보기] 클릭해서 확인해 보세요~ 2018. 5. 19.
[bootstrap] 부트스트랩 – 내비게이션 메뉴바 [냅바(navbar)] – 전체 너비로 확장 body { min-height: 2000px; padding-top: 70px; } 부트스트랩 기본 내비게이션 메뉴바에 위 css 소스만 추가하면 됩니다. [새창으로 보기] 클릭해서 확인해 보세요. 2018. 5. 19.
[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.
[bootstrap] 부트스트랩 – 전체 너비 내비게이션 메뉴바 [냅바(navbar)] & 검색입력창(searchbox) 부트스트랩 전체너비 내비게이션 메뉴바입니다. 그리고, 검색입력창(searchbox)가 들어 있는 샘플입니다. [Edit in jsfiddle] 클릭해서 확인하세요. 2018. 5. 11.
[bootstrap] 부트스트랩 – 전체 너비 내비게이션 메뉴바 [냅바(navbar)] & 검색입력창(searchbox) [검은색 테마] 부트스트랩 전체 너비 내비게이션 메뉴바 검은색 테마입니다. 2018. 5. 11.
[자바스크립트] javascript의 치환(replace)할 값을 변수로 받아서 사용하는 예제 str.replace(/abc/gi, “x”); “abc”라는 값을 “x”로 바꾸고 싶으면 보통 이런식으로 사용하는데요. 변수에 “abc” 값을 넣고 replace하는 예제입니다. 2018. 5. 11.