본문 바로가기

jQuery

(76)
인쇄 Print 윈도우 XP 와 IE7(인터넷 익스플로러) 의 조합에서 제대로 인쇄되도록 하는 코드 발견..그렇다 할 지라도.. 가로폭 비율이 높으면 이미지를 90도 돌려서 세로로 길게 만들어야 해요. 세로 본능.. ^^;; IE 에서 A4 로 인쇄하나 A3 로 인쇄하나 둘다 세로 모드(Portrait) 로 놓고 인쇄하면 둘다 거의 유사한 출력물..이때 프린터에 따라 다르겠지만, 원본은 A4 용지는 A3 로 설정해야 제대로 된 A3 인쇄물이 나옴. Chrome 에서는 A4 와 A3 가 작은 이미지 큰 이미지 로 인쇄됨을 알 수 있어요. http://www.boutell.com/newfaq/creating/printpart.html 아래는 예전 내용.. 이젠 잊어주세요.. 상기 코드가 현존 끝판왕임돠..----------..
글자수(Bytes) 체크 jQuery 를 이용하여 Byte 수를 체크하는 로직을 보기가 어렵네요. 요즘은 DB 도 그렇고 Java 도 그렇고 N-Bytes 체계를 지원하기 때문에 문제가 없기도 하겠지만, 이전에 사용하던 체계에서는 Bytes 체계를 아직도 사용하기 때문에, 기존 소스와 혼용을 해야 할 듯 합니다. o http://burchurl.egloos.com/2264355 - 숫자로 표시되는 문자열을 가져와서 수치로 전환하기 위해 곱하기 1을 하는데, Number() 라는 함수가 있으니까 이걸 사용하는 것이 맞을 것같습니다. var before = Number($count.text()); //var before = $count.text() * 1; - textarea 와 div span 등의 순서로 여러 쌍을 생성해도 각각..
jQuery Cookie - Date() 의 getMonth() 는 0부터 시작하므로, 오늘이 9/7 이면 getMonth() 가 8로 나온다. - http://87nyunseng.tistory.com/entry/Jquery-Cookie-Layer-PopUp https://github.com/carhartl/jquery-cookie 쿠키 리셋 방법은 null 을 설정하는 것.. - UTC 와 GMT - Pure Javascript 와 jquery Plug-in 인 jquery.cookie 비교참고로.. new Date(2017, 2, 0) 이라고 하면.. 실제로는 2017.1.31 이 됩니다. 재미있죠..?어느 달의 마지막 일자를 찾아내는 방법으로 사용하면 좋아요. 특히 윤년을 고려한 2월 마지막 일자 *. 재미있는 이야기.....
jQuery, live 죽이는 die 와 bind 죽이는 unbind 그리고 on 과 off jQuery 도 버전이 상당히 많이 나왔지요. 버전에 따라 Deprecated 되는 함수들이나 사용방법들이 생겨나고 있기 때문에 차이점을 인지하고 있어야 하겠네요. http://findfun.tistory.com/entry/jQuery-API-%EC%A0%95%EB%B3%B5-die-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%ED%95%B4%EC%A0%9C%ED%95%98%EA%B8%B0 http://api.jquery.com/die/
jQuery Ajax 다룰때 전통적인방식/커스텀이벤트/PubSub 등으로 나누어 생각 http://codefactory.kr/2011/12/08/jquery-pubsub-pattern/
jQuery, each, click, toggle 을 몽땅 사용해서.. $('..').each(function(){ $(this).click(function(){ $(this).toggle(function(){ $(this).css('background-color','#9678bf'); }); }); }); $('..').bind('click',function(){ $(this).toggle(function(){ $(this).css('background-color','#9678bf'); }); }); $('..').each(function(index){ // 여기서 index 는 each 에 잡히는 개체의 순서. 0, 1, 2, ... }); cf. jquery index 클릭해 보세요..
[모음글] jquery 이벤트 *. 동적 적용을 위해 on 함수를 이용한 이벤트 핸들링, 다만 on() 은 1.6 부터 적용.jQuery 를 사용한다면 1.6 부터 사용하시기를.. ~.http://kd3302.tistory.com/m/post/577 함수 사용 형태 $('...').blur(function(){...}); $('...').bind('blur',function(){...}); $('...').bind('blur change keydown',function(){...}); 여러 이벤트에 하나의 함수 설정시$('...').bind({blur:function(){...}, change:function(){...}, ..., keydown:function(){...}}); 여러 이벤트마다 각각의 함수 설정시bind 대신에 on..
jQuery CSS 스타일 선택시, 태그명의 대/소문자는 구분없이 사용해도 되지만.. 속성(값)은 대소문자 구분 정상적인 경우라면, 나 모두 $('a') 또는 $('A') 로 선택이 가능. 즉, jQuery 에서 태그명(혹은 키워드명)은 대소문자를 가리지 않는다는 것. 그런데, 속성(값)은 그렇지가 않아요.. ... 인 경우 아래와 같이 하면 안 되겠죠.. $('a').each(function(){ var $o = $(this); var href = $o.attr('href'); if(href.indexOf('javascript')>-1){ ... } }); 그러면 어떻게 해야 하느냐..? $('a').each(function(){ var $o = $(this); var href = $o.attr('href').toLowerCase(); // 대문자로든 소문자로든 한쪽으로 몰아 두어야 합니다. if(href.ind..