본문 바로가기

Local Oriented/jQuery

 (132)
인쇄 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 정렬 - 수직 정렬 http://namoda.springnote.com/pages/10053912 그런데, $(window).height() 외에 화면이 스크롤된 높이도 추가해야 하겠지요..
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/
화면에서 원하는 위치로 자동 스크롤, focus() hash() scrollIntoView(true) slideto 1. 자바스크립트 focus() 와 hash() 사용방법
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 클릭해 보세요..

티스토리툴바