VoidNoble IT Zone

+ 아직까진 이게 최고 http://trentrichardson.com/examples/timepicker/ + 다른거 http://milesich.com/timepicker/

* 가입여부 확인 이미 가입하셨는지의 확인을 위해 아래 빈칸을 입력하시고 [확인]버튼을 눌러주시기 바랍니다. 전자우편 // 전자우편을 통한 가입여부 확인 var signValidate = $j('#frm_signcheck').validate({ rules:{ chk_mb_email: { required:true, email:true, minlength:5 } }, messages:{ chk_mb_email: { required: "전자우편을 입력해주세요!", email: "올바른 메일형식이 아닙니다. 다시 입력해주세요!", minlength: $j.format("최소 {0}자 이상 입력해주세요!") } }, submitHandler: function(frm) { $j.ajax({ url:"/member/..

+ prototypeUtils.js /* prototypeUtils.js from http://jehiah.com/ Licensed under Creative Commons. version 1.0 December 20 2005 version 2.0 2010-01-08 by darthJun Contains: + unpackToForm() */ function unpackToForm(data){ for (i in data){ var val = (data[i]==null)? '' : data[i].valueOf(); if($$("input[type=radio][name='"+i+"']").length > 1) { // when element is radio group $$("input[type=radio][n..

http://www.jquery.wisdomplug.com/category/jquery-plugins/ Facebook 스타일 플러그인들 http://www.jquery.wisdomplug.com/jquery-plugins/facebook-jquery-plugins/23-best-jquery-facebook-style-plugins/ 최고의 플러그인들 http://fresherswisdom.com/web-designing/146-web-programming/983-best-jquery-ajax-based-plugins.html 가벼운 플러그인 10 http://www.queness.com/post/545/10-handycool-jquery-plugins Textarea 문자 제한 http://tympan..

http://www.ramirezcobos.com/labs/ajax-powered-autocomplete/ 여기 있는것인데 한글이 적용되려면 원본 파일 중 test.php 안의 if (strtolower(substr(utf8_decode($aUsers[$i]),0,$len)) == $input) 를 if (strtolower(substr($aUsers[$i],0,$len)) == $input) 로 고치면 되며 그렇게 고친 파일을 아래에 첨부한다.css/autocomplete.css 자동완성 모양내기 images/* 자동완성 관련 이미지들 js/autocomplete.js 자동완성 핵심 스크립트 test.html 예제 - 폼 test.php 예제 - ajax 자동완성 응답 form 페이지의 인코딩이 utf..

+ http://docs.jquery.com/Tutorials + 호환모드에서 (jQuery validate) Plugin 사용 + 팁과 트릭 모음들 (많다...) http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-tutorials-tips-tricks-techniques-to-improve-performance/ + 어떻게 jQuery로 코딩할 것인가! 7개의 온라인 프리젠테이션 (영문) http://tutsvalley.com/tutorials/7-amazing-presentation-slides-to-teach-you-how-to-code-with-jquery/ + jQuery Tips and Tricks I http://w..

* 주의사항 !DOCTYPE 선언하면 Autocompleter 입력시 바로 작동하지 않음. CSS Code/* 주소 검색상자 */ #mb_addr { ime-mode: active; } /* 주소 자동완성 */ div.autocomplete { position:absolute; background-color:white; border:1px solid #888; margin:0px; padding:0px; } div.autocomplete ul { list-style-type: none; margin:0px; padding:0px; } div.autocomplete ul li.selected { background-color: #ffb; } div.autocomplete ul li { list-style-..

document.frames는 Firefox 에서 오류난다. window.frames[] 는 프레임의 배열이고 document.frames[] 는 IE 에서 프레임의 배열이다.

Glider 는 고정된 공간 내에서 아코디언과 같이 내용을 바꿔서 보여줍니다. 유명한 곳은 CODA Glider 입니다. 제작자의 사이트에서도 사용했었다는군요. (아래 그림) * 준비물: prototype.js & scriptacoulous.js & Glider.js 다운받기 싫다면 Google Ajax Libraries 에서 로딩 또는 로딩 순서는 틀리면 안됨 Glider 는 3개의 CSS Class 를 사용한다. scroller – serves as a window in which sections will appear, one at a time section – wraps around contents in individual panels in the glider controls – wraps arou..