Category Archives: javascript/jQuery

[jQuery] ajaxForm 플러그인과 validation 플러그인 동시에 사용하기

Posted on by
2
요약 : ajaxForm 플러그인 beforeSubmit 옵션에 function(){ return $('.myForm').valid(); } 를 넣어 주면 된다. 나는 폼 관련 처리를 할 때 가장 많이 사용하게 되는 게 jQuery ajaxForm 플러그인과 validation 플러그인인 것 같다. 그런데 이 둘을 동시에 사용하게 되면 validate 플러그인이 작동을 하지 않는다. 이 때 해결책은 간단하다. ajaxForm 문서를 살펴 보면 beforeSubmit이라는 옵션이 있는 것을 볼 수 … ▶전문 보기

[번역] jqMobi – iOS와 Android 기기의 모바일 HTML5에 최적화해 jQuery를 다시 작성해 만든 모바일 프레임워크 README

Posted on by
Reply
▶jqMobi 웹사이트 | jqMobi 데모 아이폰에서 돌려 봤는데 확실히 반응이 jQuery Mobile보다 빠르다. 근데 이게 지속 가능해야 할 텐데. 지금 섣불리 적용했다가 나중에 jQuery Mobile 성능이 열라 좋아지면 어쩌지? 물론, jQuery Mobile은 훨씬 넓은 기기에 적용하는 걸 목적으로 하는 터라 그렇게 되진 않을 지도 모르지만 말이다. 여튼간에 갈무리해 둔다. 속도가 맘에 든다. 문법이 jQuery … ▶전문 보기

[링크] jQuery 날짜, 시간 선택 플러그인 Date Time Picker – Any+Time

Posted on by
Reply
jQueryUI는 기본적으로 날짜 선택 UI인 datepicker를 제공한다. 하지만 시간 선택 UI를 제공하지는 않는다. 그래서 timepicker plugin들을 찾아 봤지만 그닥 만족스럽진 않았다. 그런데 어제 굉장히 괜찮은 놈을 발견했다. 바로 Any+Time 이라는 놈이다. 라이센스는 Creative Commons BY-NC-SA 3.0 이다. 간단히 말하면 비영리에 한해 무료다. UI는 아래와 같다. ▶웹사이트 가기 | 데모는 코드설명 … ▶전문 보기

[jQueryUI] datepicker 한글화하기

Posted on by
Reply
jQuery(function($) { $.datepicker.regional['ko'] = { closeText : '닫기', prevText : '이전달', nextText : '다음달', currentText : '오늘', monthNames : ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], monthNamesShort : ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], dayNames : ['일', '월', '화', '수', '목', '금', … ▶전문 보기

jQuery.log(msg) 플러그인을 만들어 봤다

Posted on by
2
자바스크립트 디버깅을 할 때 가장 많이 사용하는 것은 alert() 이다. 그러나 alert() 은 확인을 눌러야 하는 번거로움이 있다. 확인을 누르고 나면 내용이 사라져서 여러 개의 alert이 뜰 때는 비효율적인 경우도 있다. 그냥 로그를 뿌려 주는 함수가 있으면 좋을 것 같다는 생각을 하고 검색을 해 봤다. 역시나 나왔다. jQuery.log(), Logging plugin for jQuery 라는 글에는 어떻게 log 함수를 … ▶전문 보기

[번역:튜토리얼] HTML, CSS, jQuery로 애니메이션 그래프 만들기

Posted on by
Reply
[역자주: 원문은 Create An Animated Bar Graph With HTML, CSS And jQuery 다. 한 번 사용해 볼까 하고 번역을 했다. 내 번역은 의역이다. 따라서 빼먹는 단어, 추가하는 단어들이 있다. 그래서 정확한 번역은 아닐 수 있다. 그러나 내가 프로그래머인 만큼 코드를 보면서 나름대로 말이 되게 번역을 했다. 영 못 알아먹겠는 번역은 꺽쇠 안에 원문이나 설명을 넣었다. 당연히 오역은 있을 수 있다. … ▶전문 보기

[jQuery:링크] 단계별 진행 플러그인

Posted on by
Reply
요샌 클릭하면 다음단계로 넘어가고 해서 사용자가 폼을 입력하는 데 부담을 덜 갖게 하는 방식이 유행이라죠. 제이콥 닐슨도 그런 방식을 추천했습니다. 근데 읽었던 게 분명한 거 같은데, 글을 찾으니 막상 찾을 수가 없습니다. 여튼, 일정 폼을 채우고, '다음'을 누르면 또 그 다음이 나오는 그런 식의 포맷이 유행하는 건 사실 맞죠. 사용자들에게는 현재 자신이 몇 번째 … ▶전문 보기

[jQuery] 맨 위로 스크롤시키기(번쩍 하고 가는 거 말고)

Posted on by
Reply
<a onclick="jQuery('html, body').animate( { 'scrollTop': 0 }, 'slow' );" href="javascript:void(0);"> Go to top </a> 기본적으로는 이 간단한 코드가 맨 위로 올려 주는 코드다. 발견한 곳은 SNIPPLR 다. 그러나 실전에 적용하기 위해서는 난관이 좀 있는 것 같다. 이 블로그에 문제가 있는지 IE7에서는 아래쪽에 있는 데모가 안 돌아간다. 근데 그냥 HTML만 빼서 하면 잘 작동한다. 또한 @third_j님 제보에 … ▶전문 보기

[번역] CSS와 jQuery를 이용한 메가 드롭 다운 메뉴 튜토리얼

Posted on by
Reply
이 메가 드롭다운 메뉴는 내가 애용하는 것이다. 튜토리얼이라 커스터마이징하기는 좀 까다롭지만 말이다. 오늘도 고칠 일이 좀 생겼는데 골치가 좀 아파서 그냥 튜토리얼을 번역하기로 결심했다. 그동안은 그냥 갔다 쓰기만 했는데 이번엔 한 번 제대로 공부해 볼 셈으로 말이다. 그럼 이제부터 번역 시작이다. 이 글을 보면 이 사람의 메가 드롭 다운 메뉴도 커스터마이징하기 … ▶전문 보기

[링크] jQuery 이미지 슬라이드 갤러리/뷰어 모음

Posted on by
4
[플러그인] 이미지 갤러리/슬라이드쇼 플러그인 25개 : 2011-08-02 추가 분류를 잘 보고 사용해야 한다 막 갖다 모으는 중이었는데 어느 날 이런 생각이 들었다. "ie6에서는 돌아갈까?" 역시나 몇 개는 돌아가지 않았다. 그리고 살펴 보니, tutorial(연습용 예제)과 plugin은 분명한 차이가 있다. tutorial은 보고 따라하는 거다. 재사용성이 좋을 수도 있지만 안 좋을 수도 있다. 즉, tutorial … ▶전문 보기