애매한 잡학사전

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

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

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

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..

네이버 에디터에 작성된 게시글 중 텍스트 문자열만 따로 저장하게 해달라는 요구사항이 있었습니다. 그래서 직접 구현을 했는데 다 하고 나서 네이버 스마트에디터 js 파일을 열어보니 비슷한 기능이 있었다는.. ㅠ0ㅠ 하지만 다른 곳에서도 사용할 수 있을 것 같아서 기록으로 남기게 되었습니다. - 공통 함수/** * argBody 안의 내용 중 지정 문자열 삭제 * argBody : 삭제본문 ( ex : 가나다 안녕하세요 ) * argStartSection : 삭제 시작 문자 ( ex : ', ''); // 스마트에디터 내부의 이미지 제거 varContent = removeStyleAndImage(varContent, '', ''); // 스마트에디터 내부의 스타일 제거 });이렇게 하면 varContent ..

웹 개발 중 게시글 작성시 화면 캡쳐 후 붙여넣기를 할 수있게 해달라는 요청사항이 있었습니다. 그래서 고민하던 중 네이버 스마트 에디터를 적용시키기로 하고 안심하고 있었는데...!! 이럴수가..!! 크롬에서는 보안상의 이유때문에 네이버 스마트에디터에서 클립보드 붙여넣기 기능을 제공하지 않는다는 소식!! ㅠ0ㅠ 그래서 어쩔수 없이 크롬에서도 사용할 수 있게 따로 개발해서 적용 시켰습니다. 위치는 이곳 저곳에 넣어 봤는데 가장 좋은 곳은 smartEditor.js 파일의 nhn.husky.EZCreator.createInIFrame 안에 있는 fOnAppLoad : function(){} 함수에 적용 시키는 것이 가장 좋을 것 같았습니다. 왜냐하면 네이버 스마트에디터가 로딩 되기 전에 실행 시켜 버리면 해당..