사과 냄새나는 IT이야기 TAESTORY,

이런 경우는 거의 없겠지만 자바스크립트를 자바에서 사용하고자 할땐 ScriptEngine을 이용해서 사용할 수 있습니다. ScriptEngineManager scriptEngineMgr = new ScriptEngineManager(); ScriptEngine jsEngine = scriptEngineMgr.getEngineByName("JavaScript"); 위와 같이 엔진을 선언하고 아래와 같이 자바스크립트 함수를 선언 합니다.private static void initScriptValue(ScriptEngine jsEngine) throws ScriptException { jsEngine.eval("JAVASCRIPT CODE INSERT"); }jsEngine.eval("") 에 스크립트 코드를..

단순히 값만 확인하고 닫히는 페이지를 만들었는데 크롬에서 window.close를 사용하니 창이 닫히질 않았다.아래와 같이 open 후 close로 크롬에서의 문제는 해결 하였다. window.open('','_self').close(); 하지만 파이어폭스에서는 '스크립트에 의해 열리지 않은 창을 닫을 수 없습니다.' 와 같은 에러가 콘솔창에 나타나고 창이 닫히지 않았다.파이어폭스에서의 문제점은 좀 더 알아봐야겠다.

웹 접근성 작업을 하다보니 레이어팝업이 사용된 페이지에서 레이어팝업을 호출한 이후 포커스를 레이어팝업으로 지정하고레이어팝업이 닫힌 후에는 다시 레이어팝업을 호출하기 전 포커스로 돌려보내는 작업이 필요했습니다. 간단하게 요약하자면 레이어 팝업을 호출하는 함수안에서는$(".current").removeClass('current');$("a").click(function() {$(this).addClass('current');});위 소스처럼 레이어 팝업을 호출한 a 태그에 current라는 class를 추가하여 태깅을 해두었습니다.즉 레이어팝업이 닫힐때 저 이름으로 다시 포커스를 넘겨주면 되겠죠. 레이어팝업을 닫는 스크립트에서는 아래만 추가해주면 됩니다.$(".current").focus();레이어 팝업을 ..

jquery ui의 autocomplete를 사용하여 자동완성 기능을 기존에 구현하였었습니다.그런데 다시 확인해보니 영문과 한글 입력시에 차이점이 있었습니다.영문은 기본적으로 입력시에 aaa라고 적으면 커서가 a라는 글자의 뒤에 위치하게 됩니다. 그런데 한글은 그렇지가 않죠..그래서 autocomplete에서는 입력커서가 문자 뒤에 위치해야 한글 자동완성이 제대로 작동했습니다.자세히 말하자면 한 이라고 입력했을때 아래에 나타난 단어들을 선택하려고 DOWN 키를 눌럿을때포커스가 아래쪽으로 이동해야하는데 이동함과 동시에 해당 문자가 입력되어버리는거죠.커서를 이동하니 해당 현상은 없었습니다만..사용자가 늘상 본인이 입력하고나서 커서를 이동시키고 자동완성 기능을 이용할리가 만무하고해서 찾아보다가구버전의 auto..

form submit 처리시에 IE 브라우저에서 이 페이지 나가기 창이 뜨는 경우가 있습니다. 이 경우에는 javascript를 프로토콜로 정의해서 사용했는 경우로 test 와 같이 선언되어 있는 부분을 test 와 같이 수정해주면 해결됩니다.

아래 소스는 input type="file"로 첨부한 파일의 확장자를 체크하는 간단한 예제 입니다. var thumbext = document.getElementById('file').value; //파일을 추가한 input 박스의 값thumbext = thumbext.slice(thumbext.indexOf(".") + 1).toLowerCase(); //파일 확장자를 잘라내고, 비교를 위해 소문자로 만듭니다.if(thumbext != "jpg" && thumbext != "png" && thumbext != "gif" && thumbext != "bmp"){ //확장자를 확인합니다.alert('썸네일은 이미지 파일(jpg, png, gif, bmp)만 등록 가능합니다.');return;} onchan..

select option들 중에 원하는 option에 selected 속성을 넣어주는 방법 입니다. var target = document.getElementById('selectList'); //대상 셀렉트 idtarget.options[idx].selected = true; //options에 대상 option의 index를 넣으시면 됩니다.

쿠키 생성 및 삭제 함수 입니다. 쿠키 생성 function setCookie(name, value, expiredays) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"; }파라미터로 쿠키 이름, 값, 유지기간을 받습니다. 쿠키 삭제function deleteCookie(cookieName){ var expireDate = new Date(); expireDate.setDate( expireDate.getDate() - ..