애매한 잡학사전

부모 콤보 박스 선택 시 자식 콤보박스 값 변경하기 개발을 하다 보면 부모 select box 선택 시 자식 select box 안의 내용이 바뀌는 기능이 필요한 경우가 종종 있는 것 같습니다. 검색 조건이나 입력할 때 주로 많이 사용해서 공통을 개발하시는 개발자분이 이미 만들어 놓은 경우가 많은데 없을 경우를 대비해서 참고용으로 정리해 보았습니다. /** * 메인 콤보박스 선택에 따른 서브 콤보박스 변경 * @param argFormNm : form name * @param argObj : 적용할 select box name * @param argValue : 메인 콤보 값 * @param argUrl : 조회할 url * @param argSrhInputSec : 검색 조건 or 입력 항목 구분 ( ..

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

jQuery 버전으로 작성하다가 심심해서 순수 자바스크립트 버전으로 구현해보면 어떨까 해서 구현해봤습니다. 근데 큰 문제가!! Internet Explorer 에서는 잘 동작을 안합니다. ㅋㅋ 크롬이나 엣지에서만 동작합니다. 추후 정리해서 정상 동작하는 소스를 공유하려고 합니다.

블로그 작성을 하면서 소스 복사에 대한 차단이 있으면 어떨까 하는 생각이 들어서 한번 작성해 보았습니다. 정말 간단하고 심플하게 만들어서 누구나 따라할 수 있을 것 같네요. 일반적으로 사용하는 jquery 소스를 이용해서 작성하였습니다. 모든 게시글 작성이 끝나면 티스토리 블로그 작성 모드를 HTML 모드로 변경하고 위의 소스를 게시글 제일 마지막에 추가하면 정상적으로 동작하게 됩니다. 안내 문구를 변경하려면 alert(''); 안에 문구를 변경하면 됩니다. 이상 간단하게 작성한 블로그 불법 복제 방지 스크립트 였습니다. ^_^

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

ibsheet의 그리드에 중복값을 체크를 해야하서 구현을 하였는데.. API를 읽어보니 이미 그런 기능이 있었습니다. ㅠ0ㅠ 그래도 기록으로 남기고자 정리합니다. /** * IBSheet 그리드 중복값 체크 * @param argSheetObj : sheet 객체 * @param argSection : 중복 체크 컬럼 값 ( '|' 구분으로 복수 체크 가능 ) * @param argRowStartNo : 시작 row 번호 * @param argMsg : 출력 메시지 * @returns {boolean} */ fncSheetRowDupCheck : function(argSheetObj, argSection, argRowStartNo, argMsg){ var retBoolean = true; var chk ..

특정 테이블의 input 값이나 안에 있는 텍스트 값을 초기화 하는 함수를 만들었습니다. /** * 입력 항목 및 td 값 초기화 * @param argObj 테이블 or form Object */ fncInputReset : function(argObj){ // select 초기화 $('#'+argObj).find('select').each(function(){ this.value = ''; tmJs.fncComboSelectAndTextChange(this.id, this.value); // 콤보박스 값 셋팅 }); // input 초기화 $('#'+argObj).find('input').each(function(){ this.value = ''; }); // textarea 초기화 $('#'+arg..

검색 form 이나 입력 form에 달력으로 날짜를 선택할때 하이픈(-)이 포함되어 있는 경우가 많은데 DB에 입력할때는 하이픈(-)을 제거해야 하는 경우가 있어서 날짜 형태를 변경하는 함수를 만들었습니다. YYYY-MM-DD 형태를 YYYYMMDD 형태로 변경하고, 다시 YYYYMMDD 형태를 YYYY-MM-DD 형태로 변경하는 함수 입니다. - YYYY-MM-DD 변환 /** * YYYY-MM-DD 형태의 문자를 YYYYMMDD 형태로 변환 * @param argDate * @returns {XML|string} */ fncDateToStr : function(argDate){ var tmp = ''; if(argDate !== undefined){ var regExp = /[\{\}\[\]\/?.,..

검색 조건이나 입력 form 에 메인 콤보박스의 선택에 따라서 서브 콤보박스가 변경되는 경우가 있는데 이럴 경우 서브 콤보박스를 변경할 수 있는 함수를 구현하였습니다. /** * 메인 콤보박스 선택에 따른 서브 콤보박스 변경 * @param argFormNm : form name * @param argObj : 적용할 select box name * @param argValue : 메인 콤보 값 * @param argUrl : 조회할 url * @param argSrhInputSec : 검색 조건 or 입력 항목 구분 ( '' or input ) * @param argSelVal : selected 할 option 값 */ fncDynamicSecondComboBox : function(argFormNm..

이번 프로젝트에서 IBSHEET를 사용하면서 그리드에서 메인 콤보박스 선택에 따른 서브 콤보박스를 세팅해주는 함수를 구현해 보았습니다. 조금 더 정리를 할 필요는 있는 것 같지만 HISTORY 차원에서 기록하게 되었습니다. /** * IBSheet 메인 콤보박스 선택에 따른 서브 콤보박스 변경 * @param argSheetObj : IBSHEET OBJECT * @param argUrl : SEARCH URL * @param argParam : PARAMETER * @param argSubColId : 대상 서브 콤보박스 ID * @param argRow : GRID 선택 ROW */ fncSheetDynamicSecondComboBox : function(argSheetObj, argUrl, argP..