본문 바로가기

개발/jQuery17

jQuery의 Ajax를 동기식(Synchronous) 전송을 Cross-domain에서 쓰는건 힘든듯!! 제 결론!!! Ajax를 Cross-domain상에서 동기식으로 전송하는 것을 피해야 할 것 같습니다!!! 요즘 진행중인 프로젝트는 Cross-domain을 많이 사용하게 됩니다. 이거 하다보니, 보안문제 등 여러 문제가 많이 거슬리게 됩니다. JSON과 JSONP에 대한 공부를 하게 된 것도 이 때문이죠~ 그런데 최근에 작성한 코드에서 이상한 문제가 발생한 것입니다. Ajax의 장점인 동기식 전송을 버리고 비동기식으로 전송해야 하는 상황이 생겼는데~ 크로스 도메인에서 제대로 작동하지 않는 것입니다. 이 문제 찾느라고 또 반나절을 훌쩍~ 문제가 되는 코딩 http://www.sitea.com/index.html test.json.php 2011. 3. 28.
jQuery 1.4와 1.5의 마우스 이벤트 차이(mouseover와 mouseleave) jQuery 1.5.1 버전이 나왔습니다. 오오!! 이건 뭔가 하고 테스트중인 사이트에 적용시켰습니다. 이런 -_-; 작동하지 않는 소스가 있더군요~ 럴수럴수!!! 전에 쓰던 1.4.4 버전에서는 잘 되다가 1.5.1 버전부터 문제가 생긴 듯 했습니다. 처음에는 jQuery 문제인 줄 몰라서 한참을 헤맸었죠~ 후훗 문제가 발생한 부분은 .hover() 를 이용한 부분이었습니다. 살펴보니 .hover() 를 이용해서 만든 이벤트에서 .trigger('mouseout')으로 작동시키는 부분이 문제더군요~ 그래서 mouseout 이벤트에 대해서 좀 살펴봤습니다. .hover() 또한 살펴봤죠~ 엄청난 사실을 알아냈습니다. 전부터 그랬는데 못보고 지나친건지 원래 그랬는데 그동안 작동했던건지 알 순 없지만... .. 2011. 3. 24.
iframe에서 높이 조절하기(Cross Domain) jQuery를 이용하였습니다. PHP도 조금 이용했습니다. (그래서 문서의 확장자가 html이 아니라 php 입니다.) 이전에 포스팅 한 글은 크로스도메인을 고려하지 않고 iframe 높이를 조절하는 것이었는데요~ 이번에는 크로스 도메인을 사용하는 상태에서 어떻게 해야 하는지 적어 보겠습니다. 외국, 한국 블로그에서 참 많이 소개가 되고 있긴 하지만, 그냥 제 나름대로 다시 정리를 해 보고 싶어서 적어봅니다. 그리고 어느 사이트가 먼저랄 것도 없이 너무 자료가 많았기에 이 기법의 출처가 어딘지는 불분명 하네요~ 코드는 뭐... 제가 새로 적었습니다. 혹시 안되는 상황이 보이신다면 댓글 부탁드려요~ 1. 크로스 도메인에서 왜 iframe 조절이 간단하게 안되느냐!! javascript는 보안 정책의 하나로.. 2011. 1. 21.
iframe에서 높이 조절하기 jQuery를 이용하였습니다. Cross Domain을 고려하지 않은 코드입니다. (즉, 같은 도메인을 가진 페이지들 끼리만 작동합니다.) 간단하게 iframe 넣고, 스크립트문 넣어주면, 불러오는 페이지의 높이에 맞추어 자동으로 크기 조절을 합니다. 저는 30px정도 더 크게 만들어지도록 해 놨습니다. 2011. 1. 21.