javascript
Ajax 예제
Ajax 예제
2007.07.08이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
Ajax DOM 제어
Ajax DOM 제어
2007.07.08http://www.ibm.com/developerworks/kr/library/wa-ajaxintro5/ Ajax를 이용해 받아온 데이터를 DOM으로 제어하는 경우가 많습니다. 기본적인 사항을 위 페이지에서 보실 수 있습니다.
Ajax를 통해 특정영역에 페이지 로드
Ajax를 통해 특정영역에 페이지 로드
2007.07.05어떻게 보면 메뉴링크와 통짜로 만들어진 페이지의 구조와 비슷하달까? 아마 기존에 통짜로 만드는 페이지에서 부분적인 페이지 영역을 바꾸려면 서버스크립트로 구상했어야 했다. Ajax로 조금 좋은 방법은 아니지만 고전적인 Ajax 방식으로 페이지의 메뉴와 컨텐츠 영역을 ajax로 꾸민다면 다음과 같은 기본적인 코드로 시작해야 하지 않을까 해서 파일을 만들어 봤다. XMLHttpRequest 버튼의 onclick과 같이 a테그나 메뉴의 이미지 테그 같은 부분에 onclick 이벤트 핸들러를 통해 loadPage를 호출하면 원하는 페이지를 우리가 원하는 div id 영역에 출력할 수 있게 된다. 대신 ajax 호출은 웹서버상에 올라가 있어야 사용할 수 있다는 단점아닌 단점이 있겠다.
문자열을 유니코드로 escape 하는 javascript
문자열을 유니코드로 escape 하는 javascript
2007.07.04만약에 '사랑해' 라는 문자열을 입력하면 '%uC0AC%uB791%uD574' 라는 유니코드로 escape해주는 자바스크립트이다 ^ ^
짝수만 출력
짝수만 출력
2007.07.03너무 간단한 소스라 부끄러운 -_ - 하지만 기초를 배우는 사람에게는 이 만한 예제가 없지 않을까? 홀수와 짝수를 구분하는 기준은 어떻게 될까? 홀수는 2로 나눈 나머지가 1일때 홀수이며, 짝수는 2로 나눈 나머지 값이 0일때 짝수이다. 이를 구분하기 위해서는 if문 하나만 되어도 될것이다. 아래 예제는 0부터 입력받은 수 까지 반복하며 짝수들만 출력한다. 5만까지 테스트 해봤는데 10만을 입력하니 브라우져가 뻗어버린다 -ㅁ-;;
간단한 4칙연산
간단한 4칙연산
2007.07.03먼저 버튼을 눌러 실행하도록 하였고 버튼을 누르게되면 프롬프트창이 3번 뜨면서 값을 계산해 div 영역에 출력하도록 되어 있습니다. 자바스크립트 기본을 공부 중이시라면 유용하실 듯.. ^ ^
간만에 자바스크립트 99단 소스
간만에 자바스크립트 99단 소스
2007.07.03참 단순한 99단 자바스크립트 2~5단 6~9단 각각 4칸씩 2줄로 표현하도록 처리하였다. 참고용으로 이용하면 좋지 않을지 ^ ^; 참고로 Visual Studio Orcas 에서 작업을 하였는데 자바스크립트가 인텔리 센스로 코드가 떠서 자바스크립트 작업하기 참 편해진듯 ㅎㅎ 자바스크립 작업하려고 Orcas를 깔긴 좀 무리지만 .NET 개발자라면 IDE 툴을 VS Orcas로 바꾸는게 좋지 않을까 생각한다 ㅎㅎ 99단
자바스크립트
자바스크립트
2007.06.16출처 : http://monac.egloos.com/1252483 자바스크립트와 첫 인연을 맺은 것은 1996년도인데, 진지하게 사용하는 일이 없기 때문에 계속해서 까먹기만 하는 유명한 언어로 인식되어 있는 중. 자바스크립트를 보면 금방 또 알지만 항상 잊어버리기 때문에 언제든지 새로운 기억을 주입시키기 위한 용도로 작성함. 게다가, 잘 정리된 형태의 글을 보기 힘들고, 내 입맛에 맞는 글을 보기 힘들기 때문에 내 입맛에 맞게 정리한다는 목적 + 다른 분들도 참고할 분은 참고가 되었으면 해서 정리함. 특히, Ajax 프로그래밍과 함께 다시 뜨고 있는 자바스크립트 때문에 괴로운 분들에게 도움이 되길. 자바스크립트는 HTML 페이지에 저장하고 하는 형태면 되지만 불편함이 많으니 "자바스크립트 학습 환경 만들..
자바스크립트 키코드를 이용한 엔터 처리
자바스크립트 키코드를 이용한 엔터 처리
2007.05.29자바스크립트로 키코드 이벤트를 처리하는 경우는 상당히 많다. 일반적으로 하나의 폼에서 다중의 submit을 구현하거나 페이지에서 키코드를 막거나 기타 여러가지에서 키 이벤트를 처리한다. function checkEnter(evt)//window.event { if ( evt.keyCode == 13 )//ENTER KEY CODE { return false; } else { return true; } } 위 코드는 엔터에 해당하는 키코드를 받아 false를 리턴해주는 이벤트 델리게이트다. 따라서 onkeypress 등의 이벤트에 써주면 유용하게 사용할 수 있다. ps. 각 키에 대한 이벤트 코드를 잘 정리해둔 사이트가 있네요 ^ ^ 아래 링크를 확인하세요~ http://27m.net/v8/bbs/view..
자바스크립트 trim() 메소드 구현
자바스크립트 trim() 메소드 구현
2007.05.27문자열의 앞과 뒤쪽에 공백을 제거해주는 trim() 메소드 상당히 자주사용하지만 자바스크립트에서 기본적으로 제공하지 않는 메소드이다. 그래서 자주 만들어서 사용하는 메소드들 중 한가지인데 이를 아래처럼 만들어서 사용하면 편하다. function trim(str) { while(str && str.indexOf(" ") == 0) str = str.substring(1); while(str && str.lastIndexOf(" ") == str.length-1) str = str.substring(0, str.length-1); return str; } 대신 이 메소드에도 단점은 있다. 공백에는 빈칸(공백문자) 외에도 캐리지 리턴(\r) 뉴 라인(\n) 탭문자(\t) 이 외에도 있지만 입력받을 수 있는 공..
자바스크립트로 이메일 체크
자바스크립트로 이메일 체크
2007.05.26이메일 주소의 형식을 체크하는데는 역시 정규표현식(Regular Expression)으로 체크하는 방법이 제일 좋은 것 같다. 아래 소스도 마찬가지로 정규표현식을 사용하여 이메일 주소를 체크한다. function checkEmailFormat(email) { email.value.replace(" ", ""); email.value = trim(email.value); if (email.value == "") { alert("이메일을 입력해주세요."); return false; } else if(email.value != "") { reg = new RegExp("^[\\w\\-]+(\\.[\\w\\-_]+)*@[\\w\\-]+(\\.[\\w\\-]+)*(\\.[a-zA-Z]{2,3})$", "gi");..
password 필드를 javascript로 유효성 검사
password 필드를 javascript로 유효성 검사
2007.05.25자바스크립트로 비밀번호 부분의 valid를 체크하는데는 값이 있고 없고만 체크하면 간단할지 모르지만, 글자수를 제한하여 체크를 하고 특정글자로 제한하는 것이 보안적인 측면이나 문제를 일으킬 소지를 막는 방법이 되곤 한다. function checkPassword(password) { var availableCharacter = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_=+\|()*&^%$#@!~`?>