I.T. is not omnipotent.

글

라벨이 JavaScript인 게시물 표시

부모창 닫을때 자식창 함께 닫기

function closeChild() { if(gWin!= null) gWin.close(); if(win!= null) win.close(); } <body onUnload="closeChild();">

자세한 내용 보기

부모창에서 자식창으로 값넘기기

부모창 function sendToChild() { var sv1 = gItemCd; var sv2 = gItemKnd; var sv3 = gNatCd; gWin.document.getElementById('srchItemCd').value = sv1; gWin.document.getElementById('srchItemKnd').value = sv2; gWin.document.getElementById('srchNatCd').value = sv3; } 자식창 <input type="text" id="srchItemCd" name="srchItemCd" /> <input type="text" id="srchItemKnd" name="srchItemKnd" "/> <input type="text" id="srchNatCd" name="srchNatCd" />

자세한 내용 보기

미디어 파일 재상/멈춤/소리/음소거/반복재생 등

<OBJECT ID="Player" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="URL" value=""> <EMBED ID="Player" src=""> </OBJECT> <script language="javascript"> Player.control.play(); // 재생시 Player.control.pause(); // 잠시멈춤 Player.currentPosition = 0; Player.control.stop(); // 정지 Player.settings.volume = 0; // 음소거 Player.settings.volume = 100; // 볼륨 최대 Player.settings.playCount = 1; // 한번만 플레이, 100 = 반복 재생 </script>

자세한 내용 보기

공백 제거 자바스크립트

자바스크립트로 공백제거하기 ^ 라인의 처음이나 문자열의 처음을 표시 ex) ^가나다 : 문자열의 처음에 가나다를 포함하면 참, 아니면 거짓 $ 라인의 끝이나 문자열의 끝을 표시 ex) 가나다$ : 문자열의 끝에 가나다를 포함하면 참, 아니면 거짓 . 임의의 한 문자를 표시 ex) ^가.다 : 문자열의 처음에 가나다, 가라다, 가마다 참, 아니면 거짓 가..나$ : 문자열의 끝에 가가가나, 가나나나, 가나다나 이면 참, 아니면 거짓 [] 문자의 집합이나 범위를 나타냄 ex) [Yy] : Y 또는 y [A-Za-z0-9] : 모든 알파벳과 숫자 [-A-Z] : "-" hyphen과 모든 대문자 [^a-z] : 소문자 이외의 문자 [^0-9] : 숫자 이외의 문자 \s 공백(whitespace character)을 의미 | 영문아니고 파이프 \ 특수문자의미대로 해석 + "+" 직전의 선행문자가 1번 이상 나타나는 문자열 * "*" 직전의 선행문자가 0번 또는 여러번 나타나는 문자열 ? "?" 직전의 선행문자가 0번 또는 1번 나타나는 문자열 앞, 뒤에서 공백을 제거하는 방법 replace(/^\s+|\s+$/g,""); 앞쪽 공백을 제거하는 방법 replace(/^\s+/,""); 뒤쪽 공백을 제거하는 방법 replace(/\s+$/,"");

자세한 내용 보기

[자바스크립트] 소수점 계산오류가 생길때 해결 방법

[문제] 웹사이트 수정요구를 반영하는 중에 재미있는 현상을 발견 윈도우 계산기 : 214500 / 1.1 = 195000 -- 정답 네이버 계산기 : 214500 / 1.1 = 194999.99999999997 자바스크립트 : 214500 / 1.1 = 194999.99999999997 [해결] 부동소수점 연산의 오류도 생각되는데... Math.floor 와 toFixed 를 사용하여 해결함 10단위 절사의 예 Math.floor(((parseInt(val) / (1.1)).toFixed(0))/10)*10; ===================================================== 1.23 * 99070 위와 같은 식을 계산하면 결과 값이 121856.1 이라는 결과가 나온다. 하지만 자바스크립트로 계산할 경우 아래와 같은 이상한 결과 값이 나온다. 121856.09999999999 자세한 원인은 잘 모르겠지만, 아무 숫자형에 관련되어 있는 것 같다. parseFloat(1.23 * 99070).toFixed(2) float 형태로 변환해 준 다음 표현할 소수점 아래 자리수를 적어주면 결과값이 올바르게나온다. 121856.10

자세한 내용 보기

파일업로드시 파일확장자 체크하는 로직

파일업로드시 자바스크립트로 확장자를 체크하는 로직입니다. if( $("#file1").val() != "" ){ var ext = $('#file1').val().split('.').pop().toLowerCase(); if($.inArray(ext, ['gif','jpg','jpeg']) == -1) { alert(); return; } }

자세한 내용 보기

JSTL if문 사용 예제

==jsp== <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <c:if test='${disCheck == null}' > <metal:button id="btn_search" code = "btn_search" /> <metal:button id="btn_add" code ="btn_add" /> <metal:button id="btn_save" code ='btn_save' /> <metal:button id="btn_delete" code ="btn_delete" /> <metal:button id="btn_file" code ="btn_file"/> </c:if> <c:if test='${disCheck == "Y"}' > <metal:button id="btn_search" code = "btn_search" /> <metal:button id="btn_save" code ='btn_save' /> <metal:button id="btn_file" code ="btn_file"/> </c:if> <c:if test='${disCheck == "N"}'> <metal:button id="btn_search...

자세한 내용 보기

레이어 관리 예제

<head> <META HTTP-EQUIV="Content-Type" ConTENT="text/html;charset=euc-kr"> <script language="Javascript1.2"> if (document.all) { layerview='document.all' styleview='.style.' } else if (document.layers) { layerview='document.layers' styleview='.' } function show(){ eval(layerview+'["layer_1"]'+styleview+'visibility="visible"'); eval(layerview+'["layer_2"]'+styleview+'visibility="hidden"'); eval(layerview+'["menu_1"]'+styleview+'visibility="visible"'); eval(layerview+'["menu_2"]'+styleview+'visibility="hidden"'); } function hide(){ eval(layerview+'["layer_1"]'+styleview+'visibility="hidden"') eval(layerview+'["layer_2"]'+styleview+'visibility="visible"'); eval(layerview+'["menu_1...

자세한 내용 보기

substr 과 substring 의 차이점

substring은 어디서 부터 어디까지 끊어 낼 것인가이고 substr은 어디서 부터 몇 개를 끊어 낼 것인가.... 인덱스는 0 부터 시작되고 "abcdefg" 라는 문자열이 있다면 substring(2,4) 의 결과는 "cd"이고 (인덱스 2번과 3번의 문자) substr(2,4)의 결과는 "cdef"

자세한 내용 보기

자바스크립트 시간,날짜 계산

일단, 자바스크립트 간단한 날짜 계산부터! var loadDt = new Date(); //현재 날짜 및 시간 //현재시간 기준 계산 alert(new Date(Date.parse(loadDt) - 30 * 1000 * 60 * 60 * 24)); //30일전 alert(new Date(Date.parse(loadDt) - 15 * 1000 * 60 * 60 * 24)); //보름전 alert(new Date(Date.parse(loadDt) - 7 * 1000 * 60 * 60 * 24)); //일주일전 alert(new Date(Date.parse(loadDt) - 1 * 1000 * 60 * 60 * 24)); //하루전 alert(new Date(Date.parse(loadDt) + 1 * 1000 * 60 * 60 * 24)); //하루후 alert(new Date(Date.parse(loadDt) + 7 * 1000 * 60 * 60 * 24)); //일주일후 alert(new Date(Date.parse(loadDt) + 15 * 1000 * 60 * 60 * 24)); //보름후 alert(new Date(Date.parse(loadDt) + 30 * 1000 * 60 * 60 * 24)); //한달후 alert(new Date(Date.parse(loadDt) + 1000 * 60 * 60)); //한시간후 alert(new Date(Date.parse(loadDt) + 1000 * 60)); //1분후 alert(new Date(Date.parse(loadDt) + 1000)); //1초후 //응용 alert(new Date(Date.parse(loadDt) + (15000*50) + 1000*60*65))); //15초씩 50번 지난 이후 한시간 5분후 //Date 개체를 입력받아 yyyy-MM-dd hh:mm:ss 형식으로 반환 functi...

자세한 내용 보기

자주쓰는 자바스크립트 함수들

<script type="text/javascript"> //최상위 체크 로직(chars로 넘긴 값이 있다면 true) function containsCharsOnly(input,chars) { for (var inx = 0; inx < input.value.length; inx++) { if (chars.indexOf(input.value.charAt(inx)) == -1) return false; } return true; } //최상위 체크 로직(chars로 넘긴 값이 있다면 false) function containsChars(input,chars) { for (var inx = 0; inx < input.value.length; inx++) { if (chars.indexOf(input.value.charAt(inx)) != -1) return true; } return false; } // 숫자 체크 function isNum(input) { var chars = "0123456789"; return containsCharsOnly(input,chars); } //이름체크 function nameCheck(input){ var chars = '0123456789~!#$%^&*()_-+=|{}[]<>,./?@'; return containsChars(inp...

자세한 내용 보기

FORM 서브밋 시 return false 의 중요성

<script type="text/javascript">  </script> <form name="fForm" method="post" action="./test.jsp"> <input type="image" src="btn_ok.gif" alt="확인" onclick="goSubmit();"> </form> [위의 문제점] 자동으로 서브밋되는것을 막아주지 않으면 개발자가 서브밋 되게 이벤트를 거는것과 상관없이 폼 자체적으로 한번 더 서브밋을 해준다. [해결방안?] <script type="text/javascript">  </script> <form name="fForm" method="post" action="./test.jsp"> <input type="image" src="btn_ok.gif" alt="확인" onclick="goSubmit(); return false; "> </form> 스크립트 호출과 동시에 return false; 를 넣어줌으로써 자동 서브밋을 방지한다.!!!

자세한 내용 보기

text박스에 숫자만 입력가능하게

<script language="javascript"> function b() { if((event.keyCode<48) || (event.keyCode>57)) //숫자가 아닐시 { event.returnValue=false; alert("숫자만 입력 가능합니다."); } document.all.txtData.style.imeMode="disabled"; //한글입력 불가 } </script> <input type="text" name="num" id=txtData style="ime-mode:disabled" onKeypress="b()">

자세한 내용 보기

event.keyCode의 숫자표

<html> <head> <script> function key_check(){ alert("키번호는 [" +event.keyCode+ "] 입니다."); } </script> </head> <body onKeyDown='key_check();'> 알고싶은 키패드를 꽉! 눌러주세요...ㅡㅡ; </body> </html> ================================================================= 키 | 코드(숫자) ================================================================= ←(백스패이스) = 8 TAB = 9 ENTER = 13 SHIFT = 16 CTRL = 17 ALT = 18 PAUSEBREAK = 19 CAPSLOOK = 20 한/영 = 21 한자 = 25 ESC = 27 스패이스 = 32 PAGEUP = 33 PAGEDN = 34 END = 35 HOME =36 ←(중간) = 37 ↑(중간) = 38 →(중간) = 39 ↓(중간) = 40 INSERT = 45 DELETE = 46 0 = 48 1 = 49 2 = 50 3 = 51 4 = 52 5 = 53 6 = 54 7 = 55 8 = 56 9 = 57 A = 65 B = 66 C = 67 D = 68 E = 69 F = 70 G = 71 H = 72 I = 73 J = 74 K = 75 L = 76 M = 77 N = 78 O = 79 P = 80 Q = 81 R = 82 S = 83 T = 84 U = 85 V = 86 W = 87 X = 88 Y = 89 Z = 90 윈도우(왼쪽) = 91 윈도우(오른쪽) = 92 기능키 = 93 0(오른쪽) = 96 1(오른쪽) = 97 2(오른쪽) = 98 3(오른쪽) = 99 4(오른쪽) = 100 5(오른쪽) = 101 6...

자세한 내용 보기

input text 소문자는 대문자로 바꾸어주고 복사 붙여넣기 안되게 막기

<input name="addr1" type="text" size="20" maxlength="100" style="ime-mode:disabled;text-transform:uppercase;" onChange="javascript :this.value=this.value.toUpperCase();" onkeydown= "f_pastefalse()" > function f_pastefalse() { if((event.ctrlKey == true)&&(event.keyCode == 86)) window.event.returnValue = false; } ============================= 입력은 소문자로 받되 포커스 이동시 대문자로 바꿔주는 소스 function changeUpper(obj){ //alert(obj.value); obj.value = obj.value.toUpperCase(); } <input name="enName" type="text" class="input05" style="width:200px;height:19px;" size="20" maxlength="255" onblur="changeUpper(this)" >

자세한 내용 보기

java List에서 substring으로 수정한뒤 입력

List contVendor = contDAO.getContVendorList(ctNo); VO vo = null; String str = ""; for(int i = 0; i < contVendor.size(); i++) { vo = (VO)contVendor.get(i); // 이렇게 하면 List안의 Object 객체를 읽을 수 있습니다. str = vo.regnum; str = str.substring(0, 3)+ "-" +str.substring(3,5)+ "-" +str.substring(5,10); // 겹따음표로 결합하세요. vo.regnum = str; // 이렇게 다시 넣으면 됩니다. }

자세한 내용 보기

input text 숫자만 입력받기 (띄어쓰기, - 하이픈 안먹히게...)

//숫자만 입력받기 위해서 추가함. function onlyNumberInput() { var code = window.event.keyCode; if ((code > 34 && code < 41) || (code > 47 && code < 58) || (code > 95 && code < 106) || code == 8 || code == 9 || code == 13 || code == 46) { window.event.returnValue = true; return; } window.event.returnValue = false; }

자세한 내용 보기