mulder's it blog

멀더가 만든 또하나의 jQuery Plugin... - name : jsMarkingInput - desc : 기본값이 있는 html inputbox 웹개발에서 아주 많이 사용하는 기능중 하나가 HTML INPUT BOX 에 기본값을 넣어 두고, keyin 이나 click 이벤트에 clear 시켜 주는 작업입니다.. 이런 작업을 아주 손쉽게 할 수 있는 초간단 Plugin 을 개발해 보았습니다. (많은 테스트가 없어서, 버그가 있을 염려가 있습니다.) DEMO output 1. 기본값이 미리 입력되 있다. 2. click 시 기본값이 clear 된다. // Script (function($) { $.fn.jsMarkingInput = function(o) { o = $.extend({ grayColor:..

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만 작동 되도록 조정 되었습니다. 데모 화면.....

원문 : http://stackoverflow.com/questions/3917925/what-do-the-arrow-icons-in-subclipse-mean svn 많이 사용하고 있는 tool 입니다... 가끔 lock/conflict등의 문제로 애로점도 있구요.... 그리고 eclipse plugin 인 subclipse 의 많이 icon 들이 저를 혼동하게 만들기도 합니다... 그래서,,,, 그 많은 아이콘의 의미를 설명해둔 사이트를 찾았습니다. 고생해서 개발하신 소스코드 잘 관리 하시기 바랍니다. The Package Explorer view, on the other hand, indicates a file's status with a different set of icons representi..

보호되어 있는 글입니다.

오늘은 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..

오늘 정신이 번쩍띄는 글을 확인했습니다. ^^ :--) 그동안 손쉽게 사용하던 script 들이 얼마나 브라우져의 화면 랜더링(구성)에 악영향을 미칠 수 있는지를 확인 했습니다. 조금 관심 있으신분들은 아래의 URL 로 들어 가셔서 slide를 보시길 강 추 해 드립니다. (pdf로도 다운로드 가능하군요.... 참 고마운 slideshare 입니다.. thanks alot !) URL : http://www.slideshare.net/nzakas/high-performance-javascript-yuiconf-2010 특히 slide 후반으로 가시면 re-flow 와 re-paint 부분이 나오는데, 가슴이 먹먹해 지는 깨닭음을 느낄 수 있었습니다. 보통 each 나 for loop 안에서 $.appen..