jquery11 [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. [jQuery] 엘리먼트에 절대 위치 적용시키기 글을 읽기 전에 우선 말씀드릴 점이 있다면... 전 이 방식이 맘에 들지 않습니다. 뭔가 더 효율적인 방법이 있을 것 같은데, 잘 모르겠어서 -_-; 우선 저도 이 방법으로 조치하긴 했습니다만 뭔가 꺼림찍 하군요~ 엘리먼트를 웹브라우저의 body 위치로부터 적당한 위치에 자리를 잡게 하고 싶습니다. 문제가 되는 것은 자리를 잡게 하고 싶은 엘리먼트가 다른 엘리먼트 내에 속해 있어서 정확한 자리를 찾아내기가 어려울 경우 입니다. 와우 이런 경우!!! 혹은 이보다 더 중첩되어 있는 경우에 body로 부터의 위치를 잡기가 참 힘듭니다. jQuery를 이용해서 'wow'의 위치를 잡아보려고 했습니다. $('#wow').css({'top':40, 'left':50}); 브라우저로 부터 위는 40px, 왼쪽으로부터.. 2010. 8. 25. JSONP ???? JSON은 다들 아시리라 생각하는 상태에서 이야기를 풀어나가도록 하겠습니다. 혹시 모르는 분들을 위한 Wiki 링크! 장점 많은 JSON의 문제가 있었으니, 다른 도메인으로는 자료를 못 보낸다는 것.... 근데 써 보니까, IE에서는 되더군요 FF에서만 다른 도메인으로 못 보내더라구요~ (다른 브라우저는 안해봤어요) JSONP는 다른 도메인으로 JSON 데이터를 보내기 위한 방법이라고 합니다! 여튼 그래서 FF를 위해서 JSONP를 써 보기로 했습니다. 마침 jQuery 1.2 이상 버전 부터 JSONP를 지원한다고 하길래~ 아싸! 라고 했습니다 ㅋ 자료를 송신해 주는 쪽과 수신해 주는 쪽 모두 코드 수정이 필요하구요~ JSONP를 이용한 통신으로 변경한 경우에는, JSON 방식으로는 수신이 불가능 합니.. 2010. 8. 3. 이전 1 2 3 다음