mulder's it blog

jQuery Plugin을 만들기 위한 기본 template -------------------------------------------------------------------- (function($) { $.fn.myJQueryExtFunction = function(o) { o = $.extend({ param1:'1' ,param2:'2' }, o || {}); return this.each(function(index) { }); }; })(jQuery);

데모 소스 파일 좀전에 포스팅한 jsImageSlider 를 jQuery Plugin Version으로 수정 하였습니다.. 여러개를 동시에 처리 할 수 있도록 내부 구조도 좀 수정 되었습니다... (멀더, 갑자기 불밭은것 같은데.. 이유가 ~~~~ 뭔가 ???) 아래와 같이 설정 합니다. $('div.ximg_slider').jsImageSlider({ viewSize:5 }); 아래와 같이 설정 합니다. 'to-left', 'to-right' 는 현재 text 로 처리 되어 있습니다... 알맞게 수정 하시면 좋겠죠. 아래의 데모 화면은 위아래 () 두 블록을 slide 할 수 있도록 하고 있습니다. navigation button은 따로 해당 slider만 작동 되도록 조정 되었습니다. 데모 화면.....

보호되어 있는 글입니다.

오늘은 jQuery기반 CSS Tab 을 소개 해 드립니다.. 물론 제가 개발한 건 아니고.... 급하게 쓸만한것 소싱하가다가 물건이다 십에서 소개 해 드립니다. (현업에서 jQueryUI tab 의 사용이 어려울때가 많습니다. 특히 디자이너가 반대 하는경우가 많죠... 이럴경우 손쉽게 css 를 수정할 수 있는 tab 이 필요한데, 그럴때 안성마춤 입니다.) 출 처 : http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ 좋은 리소스 : http://www.sohtanaka.com/web-design/category/jquery-tutorials/ HTML Gallery Submit TAB CSS ul.tabs { margin: 0; paddin..

출처 : http://www.zurb.com/playground/inline-form-labels 손쉽게 id/pwd 입력을 inputbox 에 넣을수 있는 기술을 알려 주는 사이트 입니다... 헐 ~~~ 참 쉽죠 ~

오늘 여러가지 좋은소스를 확인해서 공유 합니다. 아래 사이트에 가시면 image-slider 및 프리 버튼이 있습니다. 버튼 참 감동이군요... http://www.zurb.com/playground/super-awesome-buttons

좀전 포스트에 소개한 javascriptLoading 함수를 만든 친구의 작품중.. 하나더 소개 할만한게 있어서... 가끔 script 단에서 location.href 의 파라미터 값을 map 구조로 받고자 하는 욕망이 있을때 요긴 하겠군요. 출처 : http://en.design-noir.de/webdev/JS/loadScript/ // converts an URI-like query string to an object containing the parameters as properties. function parseURILikeStr (s) { var rv = {}, decode = window.decodeURIComponent || window.unescape; (s == null ? locatio..

이제 jQuery없이 javascript를 사용하는게 좀 서먹서먹 하군요.... 가끔 jQuery를 강요할 수 없는 사이트가 있는데, 이럴때 애 많이 먹습니다.. 저와 같은 처지라면, 가끔 아래와 같은 코드를 보고 예전의 기억을 리마인드 하시길 ~ Click Me

web 작업을 하다 보면, 이미지 스크롤링을 해야 되는경우가 종종 있습니다... (영어로는 Carousel 이라고 하는것 같습니다) 지금까지 그때,그때 처리 하다보니, 기억나는게 별로 없군요. 그래서... 까먹을것을 대비해서 오늘 처리한 내용을 대충 정리해 둡니다. 개발자 사이트 : http://www.gmarwaha.com/jquery/jcarousellite/?#what 개발자 사이트에 가보시면 여러 옵션, 설치 등등 자세히 설명이 잘 되어 있군요... 참 감사한 일이요.. twit 도 2개 날려주는센스를 발위 했습니다. ㅋ 저의 경우 아래와 같이 include 하여 사용 준비 OK [ jCarousel jQuery Plugin Install ] [ HTML Part ] [ Script Part ] ..

갑자기 필요해서.. 구글링 해보니 좋은 예제가 있더군요.... 긴급 공유 합니다. 간단히 Array의 특정 index element 삭제 하기 http://www.roseindia.net/java/javascript-array/javascript-array-remove-index.shtml function removeByIndex(arrayName,arrayIndex){ arrayName.splice(arrayIndex,1); } 좀더 나이스하게 처리 하기 (Array에 멤버함수 추가) http://ejohn.org/blog/javascript-array-remove/ // Array Remove - By John Resig (MIT Licensed) Array.prototype.remove = func..