I am not Okay

HTML 소스를 간략화 시키기 위해 따로 javascript 소스를 파일로 만들어서 불러오는 방식을 이용하기도 한다.이럴때 일부 로직에선 parameters를 받아서 처리해야 할 경우가 생기는데 이럴때 parameters를 넘기고 소스에선 받아서 바로 사용할 수 있는 방법을 설명한다. 출처 http://feather.elektrum.org/book/src.html 아래 처럼 javascript 소스를 호출한다는 가정하고 cal.js 소스내에 아래 코드를 삽입하면 params.파라메터 로 접근이 가능한것이다.var scripts = document.getElementsByTagName('script'); var myScript = scripts[ scripts.length - 1 ]; var querySt..

일반적으로 웹에서 상황에 필요한 데이터를 ajax를 통해 그때그때 DB쿼리로 가져와서 사용하는데, 뭐 가끔 호출하면 그다지 신경 쓰지 않아도 되겠지만, "DB에 매번 수많은 join과 where 조건들을 호출하는 건 비효율적이다." 라는 생각이 들 때나, 혹은 서버가 다른 DB 테이블들 join 걸어줘야 하는 경우 사용하면 적당하겠다. JSON 특성을 이해하고 취급하는 데이터를 잘 판단해서 사용하면 좋은 라이브러리가 될 듯.

이 글을 검색해서 들어온 사람이라면 기본적으로 when 메소드가 어떤 느낌인지 알 것 이다. 정확한 설명과 예제가 달린 글이 없어서 개인적인 실험 및 공유 차원에서 작성한다. Jquery 라이브러리 중에 core 에 속한 when 메소드(?) 에 대한 고찰 jQuery.when( deferreds ) 사용 가능한 리턴값Promise ObjectThis object provides a subset of the methods of the Deferred object (then, done, fail, always, pipe, and state) to prevent users from changing the state of the Deferred. Deferred 객체를 사용한다네.. 이중에 then, done..

HTML글을 입력하세요. Javascript$("label + textarea, label + input[type=text], label + input[type=password]").keyup(function(){ if($(this).val()!=""){ $(this).prev().hide(); }else{ $(this).prev().show(); } }).prev().click(function(){ $(this).next().focus(); }); Label태그의 위치를 css로 조절해야하는게 함정.끗.

출처: http://igna.tistory.com/21 요전에 프로젝트 할 당시에 이런식의 코드를 많이 작성했더랬는데 많은 귀찮음이 따르는 작업이었다. ?123456789101112131415161718192021222324function displayItems( list ){    var i;    var n = list.length;    var table = $("#sampleTable");     for( i = 0; i     {        var html = table.html();        html += '';        html += '';        html += '+ list[i].image + '" ..

출처: http://igna.tistory.com/20 이전에 이야기 했던 JSONP 방법과는 다르게 좀더 정석적인 방법으로 jQuery를 다뤄 Crossdomain을 해결한 것은 검색이라는 삽질과 수많은 테스트 코드를 낳고서야 해결점이 보이기 시작했다.(물론 결국 찾아낸건 회사 차장님의 덕택이었지만)일단 몇가지 문서들을 봐야만 했는데  jQuery.ajaxPrefilter() 부분이었다. 이 ajaxPrefilter() 메서드는 ajax의 low-level 메서드로 jQuery를 통해 ajax통신을 하게 될때 콜백함수로 호출되어 통신을 위한 밑작업들을 수행하게 되는데 cross-domain또한 이 메서드 중간에서 차단하여 막는것도 여기서 처리하게된다. 이 사실을 어떻게 알았냐면 Extending A..

출처: http://igna.tistory.com/19 jQuery 최신 버젼을 갖고 Ajax통신 기능을 이용하려고 하면 종종 직면하게 되는 이슈는 crossdomain 이슈다. crossdomain 이슈가 뭐냐고 물어보는 사람들을 위해 잠깐 설명하자면- crossdomain 이슈사항 정리 -1. 전제조건 - 조건 1: 내가 보고 있는 페이지의 주소는 http://www.aaa.com 이다.- 조건 2: http://www.aaa.com의 페이지가 http://www.bbb.com의 rest api 를 호출하여 데이터를 JSON으로 가져오려고 한다.2. 결론 조건 1의 내가 이용하는 페이지의 주소의 도메인과 조건 2의 데이터를 가지고 오기위한 서버의 도메인이 서로 상이할 경우 crossd..

트위터와 같은 Timestamp을 자바스크립으로 구현한 로직 /** timestamp(milliseconds); **/ var timestamp = function (i) { var now = new Date(); var currentDate = new Date(i); console.log(now.getTime()+" , "+currentDate.getTime()); var diffMil = (now.getTime()) - (currentDate.getTime()); console.log(diffMil); var diffSec = parseInt(diffMil/1000), diffMin = parseInt(diffSec / 60), diffHour = parseInt(diffMin / 60), diffD..

form iframe 로 생성된 페이지에서 form의 데이터를 hiddenIframe 에 submit할 경우 액세스 오류(access is denied) 발생. ※ 원인은 iframe에 있던것이 아닌 태그문제였음. *(이하 파일 태그) 폼을 사용할때 파일 태그에 이미지나 직접적인 클릭없이 호출할경우 엑세스 위반에 위해 전송이 안되는 오류가 발생. (라고 생각했으나 Youtube의 경우엔 이렇게 호출하는 버튼이 있어서 이 문제는 다시 생각해봐야할듯.. 아무래도 jQuery의 $.click() 메소드가 위반사항에 속하는듯. 직접적인 클릭없이 호출의 예 파일찾기 위 처럼 div 태그 onclick 이벤트를 통해 파일태그의 click 이벤트를 유도할 경우 IE7에서 오류를 발생시킨다. 또는 파일테그에 이미지를 ..

테스트 URL ) http://iamnotokay.com/main.htm#a.htm?id=123 위의 URL의 hash값을 가져오려고 할때 일반 IE6를 제외한 브라우저는 parameter값을 포함한 #a.htm?id=123 값을 가져오는 반면, IE6 브라우저에선 parameter값을 포함하지 않은 #a.htm 값만 가져온다. 그로인해 jQuery history plugin을(2010-09-11 까지 릴리즈) 사용할경우 위와 같은 페이지를 가져오려고 하면 오류가 날 수밖에 없다. 해결방법은 기존 소스에 hash 태그를 가져오는 방법을 수정하는 수 밖에 없기때문에 plugin 수정이 불가피하다. 문제가 되는 소스 부분은 jquery.history.js 원본 소스 var locationWrapper = {..