mulder's it blog

이제 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..

오랜만에 javascript string 을 ... String.prototype.toHtml = function (){ return this.replace(new RegExp("", "g"), ">") .replace(new RegExp("\"", "g"), """); }; String.prototype.toText = function (){ return this.replace(new RegExp(" ", "ig"), "\r\n") .replace(new RegExp("<", "ig"), "") .replace(new RegExp("&", "ig"), "&"); };

jQuery를 이용하면 기존에 삽질을 한방에 정리 해 줄 수 있는 좋은 방법들이 많은것 같다... 이것을 알았을때 기존의 삽질을 생각하면 갑자기 머리가 멍해 진다... 잘 그럼... 여기에 default input box text를 처리 하는데 삽질 하지 않고 간단히 처리 하기 예제가 있다... (원래 위치) ------------------------------------------------------------------- Let us see how can we use JavaScript/jQuery to achieve this. Step 1: The HTML We will use following simple HTML Form. Create an HTML file and Copy and paste..

가끔씩 유용하게 사용될 수 있을것 같아서 담다 둔다. input box 의 key값 검사하면서, enter key 처리 하기 $("input").bind("keydown", function(event) { var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode)); if (keycode == 13) { DoSearch(); return false; } else { return true; } }); 아래는 특정 attribute 의 자식 노드만 검사 하기 $(data).siblings().each(function() { if( $(this).attr("id") == "start_song" ) { so..

자바스크립트 개발에서 거의 빠지지 않는 코드가 바로 Dual ListBox 컨트롤이다... 코드관리나 그룹관리에서 A group에서 B group으로 이동하거나 위치를 바꾸거나... 사용용도는 상당히 빈번한다. 자 그럼 소스를 보자 HTML

jquery 를 이용하여 버튼을 만들어 사용하시는 분들이 많습니다... checkbox 는 click status 를 가지고 있어서, 그 용도가 특별하고 요긴하죠. 아래의 데모 코드가 좀 유용할까요 ? $(document).ready(function() { //alert ('hi jquery enabled'); $('button[jqyui=button], input[jqyui=button], a[jqyui=button]').button(); // jquery ui checkbox checked query demo $("input[type=checkbox]").click(function() { if($(this).is(':checked')) { alert ($(this).attr('id') + ': che..

javascript를 이용한 mouse 핸들링의 좋은 예라고 생각 합니다. 출처 : http://www.webreference.com/programming/javascript/mk/column2/ aaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaa xxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxx

// 아래는 구글링해서 가져온 소스 입니다... 홈페이지 팝업으로 고민 하신다면... 이걸 강추 합니다. $('div#test00 a').click(function(e) { e.preventDefault(); alert (0) var $this = $(this); var horizontalPadding = 30; var verticalPadding = 30; $('').dialog({ title: ($this.attr('title')) ? $this.attr('title') : 'External Site', autoOpen: true, width: 800, height: 500, modal: true, resizable: true, autoResize: true, overlay: { opacity: 0...