본문 바로가기

개발/jQuery17

[plugin] jquery.form.js form을 비동기 식으로 쉽게 다룰 수 있는 플러그인이 있어서 소개합니다. http://malsup.com/jquery/form/ 여기서 쉽게 받을 수 있구요~ 사용법이야... jquery를 로드하고, 플러그인 로드하면 되겠죠? 제가 이 글을 쓰는 이 시점에.. 플러그인 버전이 '2.52' 입니다. 그래서!!! 이게 왜 좋은가?? 1. Form을 비동기식으로 사용할 수 있다는 건 위에 적었고!! 2. File Upload까지 비동기로... 이거 괜찮네요! 3. 문자열 encoding 고려하지 않고 그냥 작업해도 되네요!! 이건 진짜 깜짝 놀랐습니다. 한글 인코딩이 그냥 지원되다니... euc-kr, utf-8 변환 걱정 안해도 됩니다. 사용법은.. 아래와 같이 그냥 ajaxForm 함수만 실행해 주면 됩.. 2010. 12. 16.
jQuery에서 .stop() 에 대한 오해 애니메이션 효과를 처리하다 보면 .stop() 을 참 많이 씁니다. 그런데 이 .stop()이란 녀석이 jQuery 체인에 걸려 있는 모든 효과들을 멈추는 것이 아니라 현재 수행중인 것만 멈추더군요~ 전 이 사실을 최근에야 알게 되었습니다. 여지껏 복합적으로 효과를 적용할 일이 없었던거죠~ $('div') .hover(function() { $(this).stop().animate({'opacity':1},500); }, function() { $(this).stop().fadeOut(2000); }) .fadeIn(500).delay(5000).fadeOut(2000); 이런 코드가 있습니다. 마지막에 사라질 때 쯤에 마우스를 올리면 제대로 작동하지만, 나타날 때나 Delay되는 중에 마우스를 올리면 .. 2010. 10. 27.
[링크] $.extend()와 $.fn.extend()에 대한 이야기 jQuery 플러그인을 만들고자 하는데, 이 둘의 차이가 뭘까?에 대해서 고민하던 중 찾은 문서입니다. http://asimilia.wordpress.com/2008/12/17/jquery-extend-confusion/ 2010. 10. 14.
[jQuery] 엘리먼트에 절대 위치 적용시키기 글을 읽기 전에 우선 말씀드릴 점이 있다면... 전 이 방식이 맘에 들지 않습니다. 뭔가 더 효율적인 방법이 있을 것 같은데, 잘 모르겠어서 -_-; 우선 저도 이 방법으로 조치하긴 했습니다만 뭔가 꺼림찍 하군요~ 엘리먼트를 웹브라우저의 body 위치로부터 적당한 위치에 자리를 잡게 하고 싶습니다. 문제가 되는 것은 자리를 잡게 하고 싶은 엘리먼트가 다른 엘리먼트 내에 속해 있어서 정확한 자리를 찾아내기가 어려울 경우 입니다. 와우 이런 경우!!! 혹은 이보다 더 중첩되어 있는 경우에 body로 부터의 위치를 잡기가 참 힘듭니다. jQuery를 이용해서 'wow'의 위치를 잡아보려고 했습니다. $('#wow').css({'top':40, 'left':50}); 브라우저로 부터 위는 40px, 왼쪽으로부터.. 2010. 8. 25.