본문 바로가기

jquery11

js 파일에서 다른 js 파일 불러오기 _ js 파일 include 랄까? jQuery 플러그인을 만들다 보니 다른 오픈소스 플러그인을 사용해서 패키징 하려는 부분에서 좀 망설여지는 부분이 있더군요.html 문서에 사용한 플러그인을 여러개 다 넣어야 하는게 좀 아쉽네요.그래서 지금 만들고 있는 하나의 jQuery 플러그인만 태그에 넣으면 필요한 다른 플러그인도 함께 로드하도록 해보려 합니다!js 파일을 Include 로 불러오는 것처럼 작동하게 하고 싶은 겁니다! 일단 jQuery 에는 $.getScript() 라는 함수를 제공하고 있습니다만, 이 함수는 비동기식으로 요청되기 때문에 로드한 후에 콜백방식으로 요청해야 합니다. 필요한 플러그인을 먼저 로드한 후에 메인이 되는 플러그인을 실행해야 하므로 동기식으로 요청할 필요가 있네요. 동기식 js 불러오기 $.ajax({async.. 2016. 4. 1.
브라우저 이탈 방지! 브라우저를 새로고침 하거나, 그냥 브라우저를 닫는 경우 데이터의 손실을 막기 위해 메세지 창이 뜨는걸 보신 적이 있을 겁니다.대표적으로 Facebook에서 글을 쓰다가 이탈할 경우에 뜨는 창이죠!페이스북에서 글을 쓰다가 새로고침을 하면 "아직 글을 올리지 않았습니다. 올리지 않은 채로 다른 페이지로 가시겠어요?"라는 메세지와 함께 사용자를 멈칫 하게 만들어 줍니다. 이런 기능은 의외로 쉽게 구현이 가능한데요, jQuery를 사용하는 경우의 코드는 다음과 같습니다. function beforeUnloadHandler(){ return 'message' ;}$(window).bind('beforeunload', beforeUnloadHandler);// unbind//$(window).unbind('befo.. 2013. 11. 8.
XE에서 Ajax 통신중 페이지를 나가면 팝업창 뜨는 문제 해결법! XE 애드온이나 모듈 등 프로그램을 제작하다보면 Ajax 통신을 종종 이용하게 되는데요.기본적으로 XE 구조상 중요한 데이터를 Ajax 를 이용해 통신하도록 되어 있기 때문인지 통신 도중에 페이지를 나가거나 새로고침을 하면 아래와 같은 팝업창이 뜨면서 중단이 됩니다.(Chrome에서는 이렇게 보입니다. IE, Firefox는 메세지에 약간 차이가 있습니다) Ajax 통신 중간에 중단되어도 상관 없는 데이터들을 보낼 때도 이 메세지가 뜨면 매우 성가신데요. 특히 setInterval을 이용해서 주기적으로 데이터를 가져오는 기능을 사용하고 있다면, 어떤 때는 뜨고, 어떤 때는 안뜨는 매우 희안한 상황이 연출 됩니다. 의외로 이 메세지를 없애는 방법은 간단합니다. 이 기능은 jQuery의 ajaxStart().. 2013. 11. 8.
[jQuery] jquery.form.js 사용시 문제점과 해결책!!! 전에 jquery.form.js 라는 플러그인을 포스팅 한 적이 있습니다. 화면 리프레시 없이 form을 이용할 수 있는 좋은 툴이죠... 그런데 이거 문제가 있었으니, 페이지 로딩시 사용할 스크립트를 지정해 놓으면 그게 두번씩 작동한다는 것입니다. 왜???? 작동 구조상 iframe을 만드는데 그 안에 라이브러리를 실행한 페이지와 똑같은 페이지를 로딩하기 때문입니다. 그럼 어쩌나??? $(document).ready(function() { // 여기서 iframe인지 아닌지를 한번 걸러줍니다. if(document != parent.document) return; // 실제 수행되는 부분은 여기 밑으로~ }); 그래서 전 이런 스크립트를 이용했습니다. 쩝.. 뭔가 꺼림찍 하지만 이렇게 document가.. 2011. 9. 23.