Programming/JavaScript
Ajax Pattern
Ajax Pattern
2007.08.08http://www.ibm.com/developerworks/kr/library/x-ajaxxml2/ Ajax Xml 처리등의 기본인 Ajax 처리 패턴을 소개합니다.
다이아몬드형 문자열 출력 자바스크립트
다이아몬드형 문자열 출력 자바스크립트
2007.07.09다이아몬드형 문자열이 뭐냐 -_ -;; ♡ ♡♡♡ ♡♡♡♡♡ ♡♡♡♡♡♡♡ ♡♡♡♡♡♡♡♡♡ ♡♡♡♡♡♡♡ ♡♡♡♡♡ ♡♡♡ ♡ 뭐 요래 출력하는 문자열이다 -ㅁ-;; 암튼 이런 소스를 만들기 위해서 입력받는 수는 홀수여야 하는 조건이 있다. (만약 짝수면 +1을 해서 홀수로 만들면 되지만..) 그리고 양수여야 한다. 이것을 계산하기 위해서는 반을 잘라서 보면 되는데 지정된 수까지 증가할 때 까지는 왼쪽의 공백이 감소하다가 그 이후로는 공백의 수가 증가한다. 이는 Math.abs() 함수를 이용하면 되지만 abs 함수를 만들어서 처리했다. 아래 예제를 참조 하시길 ^ ^
상태표시줄에 날자 시간 출력 자바스크립트
상태표시줄에 날자 시간 출력 자바스크립트
2007.07.081초마다 현재 날자 시간을 구하는 함수를 호출하도록 하는 setTimeout() 함수가 중요하게 사용된다. 이 예제를 해보면 많이 주기적으로 실행되는 스크립트에 도움이 되지 않을까 생각한다 ^ ^ 상태 표시줄에 시간 가는 예제
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..