프로그램
-
[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', });