javascript에서 팝업버튼을 누르면 계속 팝업이 호출되는 것을 방지하는 예제이다. javascript 에서 window.open 으로 팝업을 열 때 팝업 호출 이벤트를 계속 실행하면 중복해서 계속 팝업이 뜬다. 그 현상을 방지하기 위한 방법이다. 완벽하진 않지만 임시로 쓰기엔 나쁘지 않은것 같다. 페이지가 새로고침 되거나 하면 현재 예제로는 답이 없으니 그 상황에 대처는 각자에게 맞긴다. 하나의 팝업 이벤트 var winRef; function popupAction(){ if(winRef == null){ winRef = window.open('url', 'popupName', 'width=1300,height=400'); }else{ if (winRef.closed == false) { winRe..

javascript에서 파일 사이즈를 체크하는 예제이다. file 태그에서 파일의 사이즈를 가져오는 단순한 방법이다. test 는 ie 11 , 그외 브라우져에서 밖에 해보지 않았다. ie 10 이전 버전에서는 안될 확률이 클것으로 예상된다. // 파일 사이즈 체크 var maxSize = 7340032; //7MB if ($('#saveFile').val() != "") { var size = document.getElementById("saveFile").files[0].size; if(size > maxSize){ alert("첨부파일 사이즈는 7MB 이내로 등록 가능합니다."); $('#saveFile').val(""); $('#saveFile').focus(); return false; } } ..

javascript 에서 trim 함수 예제이다. javascript 에서는 trim 함수가 별도로 존재하지 않는다. 그래서 아래와 같이 정규식을 이용하여 구현하였다. String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/gi, ""); } var str = "aaa "; alert(str.trim()); Colored by Color Scripter cs 결과 : aaa 정규식을 사용하지 않고도 다른 방법으로도 구현이 가능하니 고민해 볼 필요가 있겠다. 도움이 되셨다면 공감을 부탁드립니다. ^^

javascript 에서 검색이나 로그인을 할 때 엔터키로 실행시키는 예제이다. 요즘은 대부분 아이디 , 비밀번호 또는 핸드폰 번호 등을 입력하고 엔터키를 누르면 로그인 또는 확인 버튼을 클릭하지 않고도 그와 같은 기능을 수행한다. 먼저 엔터키 체크하는 함수를 만든다. function enterkey() { if (window.event.keyCode == 13) { // 엔터키가 눌렸을 때 실행할 내용 login(); } } Colored by Color Scripter cs 그리고 나서 태그에 onkeyup="enterkey();" 추가해서 사용한다. Colored by Color Scripter cs 또는 Jquery 로 실행해도 된다. $("#SEARCH_KEYWORD").keyup(functio..

string 형태의 xml text를 xml로 parsing하는 기본적인 예제이다. var txt = '' +'' +'이름아무거나' +'26' +'' +''; parser=new DOMParser(); xmlDoc=parser.parseFromString(txt,"text/xml"); // 특정 테그를 기준으로 변수에 담는다 var xml = xmlDoc.getElementsByTagName('rss'); // getElementsByTagName : 태그 호출 // childNodes : 자식 노드 // nodeValue : 해당 노드의 값(text) var name = xml[0].getElementsByTagName('item')[0].getElementsByTagName('name')[0].chi..

입력 폼의 벨리데이션 (validation) 을 공통으로 구현한 예제이다. 로그인 창 또는 입력 폼을 만들때 벨리데이션은 필수이다. 각각 태그를 If문을 걸어서 벨리데이션을 만들 수도 있지만, Jquery 를 이용해서 태그의 특성을 가지고 공통으로 만들수도이다. - 이런 구조의 입력폼에서만 가능하다. input 태그 등 입력받는 태그의 속성 중 title과 id가 필수로 정의되어있어야 한다. 이름 나이 Colored by Color Scripter cs Jquery는 필수이다. 사용 방법은 주석으로 대체한다. objValueCheck.js /** 사용법 - jquery 필수 - 체크할 input의 Id들을 입력 // 파일 확장자 체크 var fileCheckObjIds = "file1,file2,file..

javascript 에서 사용하는 프린트 함수 예제이다. 팝업을 띄워서 필요한 부분(특정 태그)을 팝업에 추가하고 그 추가된 내용을 프린트 하는 방법이다. function printPage(){ var W=document.documentElement.clientWidth; if(!W){W=document.body.clientWidth;} var H=document.documentElement.clientHeight; if(!H){H=document.body.clientHeight;} var features = "menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,width=" + W + ",heigh..

javascript에서 사용 가능한 ArrayList 예제이다. javascript에서 java의 collection을 사용고 싶을 때가 많다. 배열들 또는 클래스, 함수, Object, Map 등을 담고 사용해야 할 경우가 생긴다. 다음 소스를 js파일로 만들고 해당 파일을 빌드하고 java의 ArrayList처럼 사용하면 된다. 기본적인 함수 구현 ArrayList=function(/* array? */arr){ // summary // Returns a new object of type dojox.collections.ArrayList var items=[]; if(arr) items=items.concat(arr); this.count=items.length; this.add=function(/*..

javascript에서 사용 가능한 Map 예제이다. javascript에서 java의 collection을 사용고 싶을 때가 많다. 배열들 또는 클래스, 함수, Object, Map 등을 담고 사용해야 할 경우가 생긴다. 다음 소스를 js파일로 만들고 해당 파일을 빌드하고 java의 Map 처럼 사용하면 된다. 기본적인 함수 구현 Map = function(){ this.map = new Object(); }; Map.prototype = { put : function(key, value){ this.map[key] = value; }, get : function(key){ return this.map[key]; }, containsKey : function(key){ return key in this..

JAVA로 개발되어 있다. 특정 루트의 폴더 구조를 계단식 목록으로 TXT 파일로 생성하는 소스이다. txt파일의 내용을 엑셀로 복사해서 써도되는데 이는 간격이 Tab로 구현되어있기 때문에 각 칸에 알맞게 들어간다. FileDirAna.java package fileDirAnalysis; import java.io.IOException; public class FileDirAna { // 저장할 txt 파일 static String SAVE_TXT_FILE = "D:\\a.txt"; // static String SEARCH_FULL_DIR = "D:\\project\\test"; static String SEARCH_FULL_DIR = "D:\\project\\test"; static String LA..