만들어가는 세상

[JAVASCRIPT] masonry를 활용하여 더 보기 기능 구현 더 보기 버튼 클릭 시 해당 갯수만큼 비동기 처리로 리스트를 가져옵니다. 블럭형 플러인 masonry.pkgd.min.js 를 사용했으며 이미지가 있는 경우 imagesloaded.pkgd.min.js 적용하였습니다.stap1 //pom.xml 에서 필요한 라이브러리를 dependencies 합니다. com.fasterxml.jackson.core jackson-databind 2.9.7 stap2 //공통적으로 처리야 하기때문에 필요한 변수를 객체화 합니다. ...해당리스트 더보기 stap3 초기함수 진입 commonVieMore.js function common_view_more(){ //더보기 클릭 시 마다 page 번호를 증가 시..

[JAVASCRIPT]공백/특수 문자/비밀번호 패턴/체크길이/체크 name값 idList의 길이만큼 count 변수에 담습니다. 그 값을 가지고 조건문을 수행하는 로직입니다. var count = $('input:checkbox[name=idList]:checked').length; if(count > 0){ return true; }else{ alert('Please select at least one checkbox'); return false; }매개변수 str값에서 공백이 있는지 없는지 체크하는 함수 입니다. // 공백 체크 function checkSpace(str) { if(str.search(/\s/) != -1) { return true; } else { ret..

jquery 체크박스 여러가지 기능들 모음 체크값에 값을 기준으로 | 구분값으로 split 함수를 이용해서 for문을 활용한 예제 입니다. var salesArea = '${PARTNER\_SALES\_LIST.C\_SVC\_AREA}'; var arrSalesArea = salesArea.split('|'); //값이 있을 경우 체크 항목 체크 $(":checkbox\[name=chkCodes\]").each(function(){ for(var i=0; i 5 ){ alert("최대 5개까지만 선택가능합니다."); $(this).removeAttr("checked"); } });체크된 항목을 가져와서 for문을 동작합니다. $('input:checkbox\[name=..