Category Archives: JavaScript

자바스크립트(javascript) 정규식(regex) 예제

By | 4월 7, 2009

var selectKey = document.getElementById(‘selectKey’);  var selectValue = document.getElementById(‘selectValue’);  if(selectKey.value == ‘buyId’){   if(selectValue.value.search(/^[0-9]*$/) == -1){    alert(“구매번호는 숫자만 입력하실 수 있습니다.”);    selectValue.value = “”;    return;   }  }else if(selectKey.value == ‘loginId’){   if(selectValue.value.search(/^[a-zA-Z]*$/) == -1){    alert(“구매자ID는 영문만 입력하실 수 있습니다.”);    selectValue.value = “”;    return;   }  }else if(selectKey.value == ‘custNm’){   //이 부분은 임의로 한글과 영문을 섞은 것인데, 이렇게 하는 게… Read More »

textarea 에서 입력할 때 개행(줄바꿈) 하기

By | 4월 6, 2009

IE textarea에 줄바꿈 문자 넣기 ================== 아래 글은 예전에 퍼왔던 것임 ==================== 1. textarea로 입력된 글을 읽어오는 단계(JAVA)에서 개행 처리하기 html의 <textarea> 에 입력된 엔터값은 \r\n 이 붙어 있는 형식이며, 반드시 \r 이 먼저 있고 뒤에 \n 이 있으므로.. 따로따로 처리하기 보다는 개행관련 단어를 찾아서 한번에 바꿔주는 것이 효과적이다…   방법 : memo.replaceAll(“\r\n”, “<BR>”) [출처] java String 개행문자 <BR>로… Read More »

모달창(modal) 크기 재조정(resize:리사이즈) 하기

By | 4월 6, 2009

* window.open() 과 달리 showModalDialog()는 resizeTo() 함수를 사용할 수 없다. * window 객체의 dialogWidth, dialogHeight 속성에 값을 셋팅하여 리사이징을 한다.    – 이 방법 역시 IE에서만 통하는 방법으로, 기타 브라우저에서는 작동하지 않는것으로 보인다.      (기타 브라우저에서 작동하는 방법이 알고 싶다 >,, < !!!) //리사이징 예제 function resize(w,h){            //document.documentElement.clientWidth :… Read More »

innerHTML이 죽어도 안먹을 때!! (>,

By | 3월 28, 2009

innerHTML을 innerHtml이나 innerhtml 로 쓰지 않았는지 확인하자!! (대소문자 구별!) * innerHTML의 용법 – 특정 태그 객체 안에 또 다른 html 객체들을 생성해 넣을 때 사용한다.   (예) document.getElementById(“idx”).innerHTML = “<td>테스트</td>”; * 비교     innerText 라는 것도 있는데, 이것은 HTML 태그 객체가 아니라 텍스트를 삽입할 때 사용한다.    이녀석은 또 ‘T’ 자만 대문자로 써 준다! 아 헷갈려!! (>,<)   (예)… Read More »

자바스크립트 디버거

By | 3월 28, 2009

* MS 스크립트 디버거 http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&DisplayLang=en cfile21.uf.1674771E4A4472D05717A1.exe * Companion JS  http://www.my-debugbar.com/wiki/CompanionJS/HomePage cfile25.uf.15500E1D49CDBBB84E7A18.exe # 사용법 1. MS 스크립트 디버거 설치 2. Companion JS 설치 3. IE설정 (스크립트 디버깅 관련설정 해제) * MS 스크립트 에디터 (좀 더 좋은 디버거) 에 관한 글    – [출처] 자바스크립트 디버거 설치|작성자 검신 MS에서도 거의 무료로 사용할 수 있는 괜찮은 자바스크립트 디버거를 제공하고… Read More »

폼(form)과 파라미터(hidden)를 동적으로 생성하여 post로 전송(submit) 하기 예제

By | 3월 25, 2009

function goBuyDetail(){    var formObject = document.createElement(“form”);    formObject.setAttribute(“method”,”post”);    formObject.action = “/MyPage.do?cmd=listMyBuyPrdDetail”;    document.appendChild(formObject);    var buyIdObject = document.createElement(“input”);    buyIdObject.setAttribute(“type”,”hidden”);    buyIdObject.setAttribute(“name”, “hidden이름” );    buyIdObject.setAttribute(“value”, “hidden값” );    formObject.appendChild(buyIdObject);    formObject.submit(); } * 참고 : appendChild 대신에 insertBefore를 써도 된다고 하나 미확인상태

인터넷사이트를 열 수 없습니다 작업이 중단되었습니다 에 대한 해결법

By | 3월 23, 2009

– 출처 : http://kuna.wo.tc/596 – 먼저 이 에러가 발생할 때는 Internet ExplorerExplorer 에서 DOM이 로드되기 전(즉 페이지가 로드되기 전) 소스코드가 수정될 때때 발생하는 에러입니다. 먼저 중요한 점은 이 에러는 Internet Explorer에서만Explorer에서만 발생하기 때문에 브라우저를 다른 것으로 바꾸면 (ex : Google Chrome – 구글 크롬, Mozila FireFox – 파이어폭스) 이이 에러가 뜨는 페이지를 정상적으로 보실 수 있습니다.… Read More »

윈도우 위치, 크기 변경

By | 3월 23, 2009

[출처] [템플릿, 디자인 팁] 팝업창 크기 마음대로 변경하기 (포인트샵(pointshop.co.kr) 공식 까페) |작성자 포인트샵 window.moveTo( (screen.width-800)/2, (screen.height-600)/2 ); window.resizeTo( 800, 600 );  

value 와 value.length check 시 실수하기쉬운것

By | 2월 20, 2009

[출처] value 와 value.length check 시 실수하기쉬운것|작성자 선장님 NULL값및 Length  Check시 주의 할점이 있다. 그냥 일반적으로 True를 체크할때는 별 무리가 없으나 False체크를 할때 범하기 쉬운실수로 눈을크게 안뜨면 모르고 그냥 넘어가버릴수도 있다. if (!document.InfoForm.fullBirthday.value == “”){ //값이 있을경우 다음사항 확인         if (!document.InfoForm.fullBirthday.value.length==6){        //  이렇게 해놓고 한참 해맸음..ㅋㅋ          if (!(document.InfoForm.fullBirthday.value.length==6)){           alert(“생년월일을 확인 하여… Read More »

자바스크립트 escape(), encodeURI(), encodeURIComponent() 차이

By | 2월 18, 2009

– 출처 : http://realmind.tistory.com/191 – 자바스크립트 escape(), encodeURI(), encodeURIComponent() 차이 escape() / encodeURI() / encodeURIComponent() 이 모든 함수는 자바스크립트에서 인코딩을 담당하는 함수이다. 여기서 말하는 인코딩이란, 네트워크를 통해서 정보를 공유할 때 어떤 시스템에서나 읽을 수 있는 ASCII 문자로 바꿔주는 것을 말한다. 모든 네트워크를 통한 전송에는 ASCII 문자가 기반이 된다. 특히 한글이나 특수문자의 경우 이를 2진수 바이트코드로 변환해서 전송하면… Read More »

팝업창 위치를 화면 가운데로 오게 하기

By | 2월 17, 2009

function openPopup(){  var width = 610;      //팝업창 너비  var height = 380;     //팝업창 높이  var winl = (screen.availWidth – width) / 2;     //팝업창 가로위치 (좌측에서부터)  var wint = (screen.availHeight – height) / 2;   //팝업창 세로위치 (우측에서부터)  window.open(“/Buy.do?cmd=listCoupon”     //URL                     , “CouponList”                       //팝업창 이름                     , “width=” + width +             //속성 시작                      “, height=”… Read More »

[자바스크립트] parseFloat / parseInt 함수

By | 2월 17, 2009

– 출처 : http://blog.daum.net/question0921/34 –     float는 문자열을 부동소수점형으로 변환시키고,  int는 문자열을 정수형으로 변환하면 10진, 8진, 16진수 정의가능( 기본값 10진수) 단, 정상적인 수행을 하지 못하면 NaN(Not a Number)를 반환        document.write( parseFloat(“11.4”) );        document.write( parseInt(“10 “) ); 

[자바스크립트] screen 객체

By | 2월 17, 2009

– 출처 : http://blog.daum.net/question0921/35 – 객체는 두가지 요소로 이루어져 있습니다. 1. 객체의 속성(Attribute) – 특징(변수 or 데이터) 2. 객체의 행동(method) – 기능(메소드)   screeen 객체 [ 속   성 ] hight : 전체 화면의 높이를 알려줌 width : 전체 화면의 폭을 알려줌 avaliHight : 브라우저의 도구모음, 메뉴 표시줄등을 제외한 실제화면의 높이를 알려줌 avaliWidth : 실제화면의 폭을 보여줌  colorDepth… Read More »

[자바스크립트] window.open 속성 사용 방법

By | 2월 17, 2009

[출처] [자바스크립트] window.open 속성 사용 방법|작성자 스시대장 <script type=”text/javascript”> /* window.open(url:String, name:String, properties:String) open 함수는 반드시 3개의 매개변수가 있고, 매개변수 순서는 지켜야 함. name은 팝업창의 이름, 주로 프레임 문서의 Target으로 사용 name은 사용하지 않으려면 ” ” 만 표시해줍니다. 반드시 표시해야 함. */ function win() { window.open(“http://eschyles.mireene.com/”, “”, “”);  //속성 지정하지 않은 기본창 } function menu_win() {… Read More »

[자바스크립트] 브라우저/OS/레퍼러(referer) 등

By | 2월 14, 2009

– 출처 : http://webinsight.egloos.com/6567840 – 브라우저/OS 정보 javascript:alert(navigator.appName+navigator.appVersion); 브라우저 javascript:alert(navigator.userAgent); 레퍼러 정보 javascript:document.referrer 도메인 정보 javascript:document.domain URL 정보 javascript:document.location

자바스크립트(javascript) 정규식(regex) 에 대하여

By | 2월 6, 2009

1. 기본 설명 http://user.chollian.net/~spacekan/source/string/regExp.htm http://blog.dreamwiz.com/media/index.asp?uid=yesmin&folder=0&list_id=5653711#MM_SCRIPT 2. 예제 (예제 1) [출처] 정규표현식 with Javascript(자바스크립트)|작성자 노스 이는 가장 단순한 형태의 정규표현식으로 쉽게 설명하기 위해 만든것으로 실제로 사용할 수도 있지만 현실에 잘 맞지 않을 수도 있음을 염두하길 바란다.    YYYY-MM-DD 형태의 날짜 판별 스크립트. <SCRIPT LANGUAGE=”JavaScript”> <!– function validateDate(){    if(frm.birthday.value.search(/[12][0-9]{3}-[0-9]{2}-[0-9]{2}/) == -1){         document.getElementById(“birthdayDIV”).style.display=”block”;         isValidate… Read More »