프로그램/jQuery/Javascript
-
[jQuery/PlugIn]이미지 자동으로 넘기는 cycle 플러그인 활용기.<이미지슬라이더>프로그램/jQuery/Javascript 2013. 9. 10. 17:27
[jQuery플러그인] 사진 자동으로 넘기는 cycle 활용하기. jQuery 플러그인 cycle에 대해서 알아 보겠습니다. 요즘 모바일이다 html5다 해서 플래시 비중이 많이 줄어 들었는데요. 그에 대비해서 jquery를 활용한 수많은 플러그인들이 쏟아져 나오고 있습니다. index 화면 구성시 제일 많이 사용 하는게 사진 돌리기 입니다. 이 함수로 인해 비동기로 사진을 불러와 여러 사진을 돌려가며 보여 질 수 있고, 그 사진을 그냥 보는게 아니라 animation 효과를 넣어서 좀더 부드럽고 이쁘게 보여질 수 있습니다. 이런 기능을 하는 다른 플러그인도 많지만 전 그중 cycle 플러그인이 제일 가볍다 생각하여 자주 사용하곤 합니다. 홈페이지를 다시 방문해보니 cycle2 도 나왔던데요! 뭐 사용제..
-
[javascript/jQuery]스크롤시 메뉴 항상 위에 배치 시키기 (퀵메뉴)프로그램/jQuery/Javascript 2013. 9. 10. 16:43
마우스 스크롤을 해도 메뉴를 항상 상위에 배치 시키는 방법 입니다. jquery로 스크롤(scroll)이벤트를 감지하여 원하는 메뉴(div)를 화면에 제일 상단에 배치 시키는 방법 입니다. 뭐 상황에 맞춰서 응용해서 쓰면 될거 같구요. 저같은 경우는 이를 응용하여 오른쪽 퀵 메뉴(quick menu)로 활용하여 사용 하고 있습니다. 스크롤바 변경이 되어도 메뉴는 항상 상위 고정
-
[javascrip/jQuery] 클립보드 제거, 프린터스크린키 막기, 복사방지프로그램/jQuery/Javascript 2013. 9. 9. 23:07
클립보드(clipboard)를 활용하여 복사를 하는 경우 이를 방지해주는 함수 입니다. 프린트스크린키(prt sc sys Rq)를 막을때도 사용하는 함수 인데요. 프린트 스크린키는 키코드 값이 없기때문에 참 난감한 합니다. 뭐 외부 응용프로그램을 활용하면 좋겠지만... 그럴 환경은 안되고, 회사에선 막으라고 지시를 내리고, 그래서 어찌 할까 고민 하던중 클립보드 데이터를 강제로 지워주도록 해봤습니다. window.clipboarddate 로 접근을 하여 데이터를 강제로 clipboardData.clearData()를 활용 하여 삭제 해줍니다. 여기서 핵심은 try catch 입니다. 강제로 데이터를 계속 삭제 해주다보니, 컴퓨터에 부하도 있습니다. 그건 잘 알아서 판단해서 사용하시면 될거 같습니다. 아래..
-
[jQuery/javascript] 동적 이미지 크기 맞춤/조절프로그램/jQuery/Javascript 2013. 9. 9. 22:57
jQuery를 활용하여 이미지를 뿌릴때 동적으로 크기를 맞추는 방법 입니다. 특히 공지사항이나 특정 이미지가 들어간 글을 뿌릴때 유용하게 쓰입니다. 모바일에서도 자주 사용을 하는 방법입니다. $('bbs_view_text').find('img').each(function(){ if($(this).width() > $(window).width()) $(this).removeAttr("width").removeAttr("height").css("max-width","100%"); });
-
[jQuery/javascript]find(),join(), end(), hover() 예제프로그램/jQuery/Javascript 2013. 9. 9. 22:47
join,find,end,hover 사용방법에 대해 간단하게 알아 보겠습니다. filter : 현재 검색된 객체(집합)에서 다시 한번 검색하는 메소드. 부모 포함해서 찾고 앞에 객체가 filter 조건인것들 본인을 찾기 find : 현재 검색된 객체(집합)의 자손들에서 검색 하는 메소드, 자식의 레벨은 상관없습니다. 자식들중에서 찾기 children : 현재 검색된 객체(집합)의 직속 자식만 검색하는 메소드 filter는 검색된 결과 객체 집합에서 특정 집합으로 다시 한번 검색 할때 사용합니다. find 검색된 결과 객체 집합의 하위레벨을 다 뒤져서(자손) 검색 할때 사용 합니다. children 검색된 결과 객체 집하의 바로 자식들만 뒤져서(자식) 검색 할때 사용합니다. * 참고 filter : htt..
-
(javascript/function) jquery html 최적화프로그램/jQuery/Javascript 2013. 8. 26. 10:16
jQuery html 최적화 입니다. 보통 ajax로 데이터를 받아와 html을 만들어 뿌려줄때는 하나의 문자열에 무조건 append 하여 최종적으로 원하는 엘리먼트에 데이터를 넣는 방식을 사용하는데요. 대량의 데이터를 담을때는 문자열로 하는 것보다 그 값을 배열에 담아서 그 배열을 join 으로 붙혀 최종 엘리먼트에 넣는게 더 빠르다고 합니다. 뭐 미세하지만.. 데이터량이 많아 질수록 유리 할 거 같아 전 그냥 매일 이 방식을 선택하여 사용 합니다. 소스 예제를 보여 드리겠습니다. var html = [], h = -1; for( var i = 0; i < 10000; i++ ){ html[++h] = " "; html[++h] = "아이유"; html[++h] = " "; html[++h] = "이순..
-
(jquery/plugin) 달력 datepicker프로그램/jQuery/Javascript 2013. 8. 19. 23:54
jquery datepicker 달력입니다. 아래 구문을 추가하고 원하는 div를 하나 지정하시면 됩니다. $(function(){ $('#i_start').datepicker({ dateFormat: 'yy-mm-dd' }); $('#i_end').datepicker({ dateFormat: 'yy-mm-dd' }); }); $( "#startDate" ).datepicker({ changeMonth: true, monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNamesMin: ['일','월','화','수','목','금','토'], dateFormat: 'yy-mm-dd', });