애매한 잡학사전

javascript, jQuery를 이용한 모바일, PC 동적 페이징 처리하기 현재는 반응형 웹으로 모바일에 맞게 페이징을 '더보기' 형태로 구현 되어있는 프로젝트에서 페이징 처리를 추가해 달라는 요청이 있어서 공통으로 써도 될 것 같아서 구현해 보았습니다. 현재까지 테스트 결과 이상없이 동작하는 것은 확인했는데 아직 미흡하나마 정리해보려고 합니다. PC와 모바일 확인은 window.innerWidth 로 확인을 해서 530 이상일 경우는 PC 그 이하는 모바일이라고 판단하고 처리하였습니다. - HTML 소스 .... list head content .... .... list body content .... 다른 부분들은 각각의 프로젝트에 따라 바뀌겠지만 head 에 있는 스크립트와 form에 있는 hi..

프로젝트를 진행하면서 필수 값 입력 여부를 체크할 일이 생겼습니다. 물론 보통의 프로젝트라면 공통에서 validation 체크를 할 수 있게 구현해 놓았겠지만.. 안타깝게도.. 여긴 그런 부분이 부족해서 제가 따로 구현해보았습니다. 필수 입력값 체크를 위한 테이블이나 div 의 id 값을 파라미터로 넘기면 그 하위의 th, 즉 헤더 부분에 class 명칭을 essential 로 정의해서 별(*) 를 표시 하게 해놓고 헤더(th)에 별(*) 표시가 있으면 td 의 input 값에 따라 입력이 되어있는지 체크하는 로직입니다. 일단은 사용하는 부분이 text와 selectbox 만 있어서 그 두가지만 체크하게 하였습니다. /** * 입력 항목의 필수 값을 체크 * @param argObjId : 체크할 최상위..

요즘은 그리드 툴이 많아서 직접 행추가, 삭제, 초기화 등 기능을 직접 구현할 일이 별로 없는데 그래도 직접 만들어 보았습니다. 다른 페이지에서도 사용할 수 있도록 하기 위해 나름 생각을 해서 구현하였습니다. 기본 테이블 구조는 아래와 같고 각각의 기능을 FUNCTION 으로 만들었습니다. - 기본 테이블 구조 행추가 행삭제 헤더1 헤더2 헤더3 내용1 내용2 내용3 테이블 구조는 정확하게 생각이 나지 않아서 대충 구조만 참고하시면 될 것 같습니다. - 행초기화 function fncRowReset = function(obj){ $(obj).find(':input').each(function(){ this.value = ''; this.checked = ''; }); }; 초기화 할 행 Object를 받..