mulder's it blog

멀더가 가장 많이 활용하는 라이브러리가 jquery 인데, 이친구 기반 쓰기편한 widget library가 있어서 소개 합니다.이름도 참 쉽게 그냥 jqwidgets 입니다.그동안 삽질하던거 ... 손쉽게 포크레인으로 할 수 있을듯 합니다. ㅎㅎㅎ앞으로 심심할때...마다 사용법을 포스팅 해야 되겠습니다... http://www.jqwidgets.com/ 비상업적용도라면 무료로 사용할수도 있으나상업적이용은 아래의 라이센스를 사야 합니다. 가격대가 나름 착하다고 생각 합니다. 아래는 grid widget 사용 예제입니다... 보통의 widget과 사용법이 유사 합니다.관심 있으신분들은 사용해 보심이...

앞으로 jqgrid 옵션 처리를 자세히 볼 예정 임. ! var p = $.extend(true,{url: "",height: 150,page: 1,rowNum: 20,rowTotal : null,records: 0,pager: "",pgbuttons: true,pginput: true,colModel: [],rowList: [],colNames: [],sortorder: "asc",sortname: "",datatype: "xml",mtype: "GET",altRows: false,selarrrow: [],savedRow: [],shrinkToFit: true,xmlReader: {},jsonReader: {},subGrid: false,subGridModel :[],reccount: 0,lastpag..

Modernizr 를 소개 합니다. 홈페이지 : http://modernizr.com/ 에 가시면 상세한 설명이 있습니다. 쉽게 얘기 하자면, Browser가 지원하는 스펙에 따라 (conditional) 클라이언트 코딩을 간결하게 처리 하도록 하는 라이브러리 입니다. 예를 들자면 , 대형 프로젝트를 하다보면, 특히 포틀릿 개발을 하는 개발자라면 많이 느끼는건데, 내가 include하고 싶은 javascript를 이전에 누군가 로드 하였다면 , 이중 로드가 되고 이때문에 로직이 꼬일수도 있고, 네트워크 리소스 낭비에 느링 페이지 로딩... 등등 깔끔하지 않은 문제가 많습니다... 이럴때 이렇게 하는게 어떨까요 ? Js Modernizer Tester 위와 같이 하면 jQuery 를 2번 이상 로딩하지 않..

오늘은 매력직인 jQuery Box Plugin 인 fancybox 에 대해 정리를 합니다. 장점 : 예쁘다, 쓰기 편하다 끝. 단점 : 찾으신분은 리플 달아 주세요 homepage : fancybox.net 아래와 같이 원하는 컨텐츠 (이미지 및 HTML) 을 사각형 박스에 넣어서 화면중앙에 표시 하는 플러그인 입니다. 보통 모달로 오픈하면 컨텐츠에 시점을 집중시켜 표현력을 올릴 수 있습니다. 보통은 우상단 'x' 박스를 클릭하여 종료합니다. fancybox example) 아래는 대충 다운로드 후 압축풀고 보여지는 화면 입니다. 대충 자신이 사용할 디렉토리로 카피후 사용하시면 됩니다. 사용예제 ) >> 사용법 사용법은 간단하다 먼저 jquery link insert: facybox관련 js, css ..

jquery Cookie 플러그인 : https://github.com/carhartl/jquery-cookie 이왕 jquery 를 사용하시면 cookie 처리 플러인을 이용합니다. $.cookie('the_cookie'); //cookie취득 $.cookie('the_cookie', 'the_value'); //cookie를 셋트$.cookie('the_cookie', 'the_value', { expires: 7 }); //쿠키의 유효기간을 7일간으로 지정 $.cookie('the_cookie', '', { expires: -1 }); //cookie 삭제$.cookie('the_cookie', null); //cookie 삭제 아래는 초간단 사용법 입니다. /** mulder 가만 든 초간단 fu..

InputBox 에 포커스 주고, 엔터치면 몬가를 자동으로 하기... 아주 간단한 Example 입니다. 저는 이거 할때면 항상 구글링을 하는데, 제 블로그에 두고 C&P 하려고 합니다...

jQuery를 위한 Round-Button Plugin, 눈에 확 들어 오는 군요. 앞으로 웹디자이너에게 라운드 버튼이나 윈도우를 요청 안해도 될듯 합니다... demo page : http://www.malsup.com/jquery/corner/ github : https://github.com/malsup/corner source : http://malsup.github.com/jquery.corner.js 아래는 일부 데모 자료 입니다.

http://docs.jquery.com/UI/Dialog jQueryUI의 Widget 중 가장 복잡하고 자주 사용하는 Dialog 의 기능을 한눈에 볼 수 있도록 만들어 보았습니다.

멀더가 전에 적었던 포스트에 click, bind, live 가 같은 함수라고 적었던 오류를 정정하고자 포스트를 새로 올립니다. jQuery에서 event 를 처리하자면 여러가지 방법이 있습니다. 1. direct : ex) $('a').click (function() { alert('blah');); 2. bind : ex) $('a').bind ('click', function() { alert('blah'); }); 3. live : ex) $('a').live ('click', function() { alert('blah'); }); 4. delegate : ex) $('#containter').delegate('a', 'click', function() { alert('blah'); }); 위 ..

더이상 javascript calendar 선택에 고민하지 말자.. jQueryUI Datepicker Plugin 멀더도 이것, 저것 심지어 만들어서 사용도 해왔지만, 이제 다 버렸다. ... jQueryUI 에서 가장 사랑받는 ui 는 아마도 Dialog > Tab > Tree ,,, 그 다음이 Calendar 일것 같다. (개인적인 소견임) 아래는 제가 프로젝트에 적용한 UI Capture 화면 입니다. Simple한 화면 구성에서 부터 복잡한 화면 구성까지 거의 대부분의 기능이 포함되어 있다.. 어차피 jQuery를 사용한다면, Calendar 는 jQueryUI 의 Calendar Plugin 을 사용하자. :D 사용법 : 아래는 사용법의 일례입니다. 생각보다 많은 옵션을 제공 하고 있습니다. ..