웹마스터 팁

오랜만에 다시 글을 올리네요.. 폼의 나머지 엘리먼트에 대해서 올려야 하는데 시간이
잘 나질 않는군요. 대신 폼 처리 스크립트를 한번 만들어봤습니다.

get방식으로 넘어오는 데이터를 또 다른 페이지의 자바스크립트로 처리하는 예제지요.

예제를 그럼 보면서 설명을 해보도록 하지요.
아래가 기본 코드입니다. 너무 간단하지요? ^^*

// Get방식으로 넘어온 데이터를 추출하는 스크립트
var HTTP_GET_VARS = new Array(); // get메쏘드로 넘어오는 값을 저장할 배열
get_var=unescape(window.location.search).toLowerCase(); // URL부분에서 ?뒷부분을 소문자로 unescape해서 임시 변수에 할당
get_var=get_var.slice(1); // ?를 제거
get_var=get_var.split("&"); // &를 기준으로 배열로 나눔
for(i=0; i<get_var.length;i++){ // 나눠진 배열을 배열 갯스만큼 다시 변수와 그 값으로 분리
        get_elevar=get_var[i].split("="); // = 를 기준으로 왼쪽은 변수, 오른쪽은 그 값
        HTTP_GET_VARS[get_elevar[0]]=get_elevar[1]; // 배열에 각각 할당
}

이 스크립트는 폼에서 GET방식으로 넘어오는 데이터를 받는 스크립트에요..
위 스크립트가 들어 있는 파일이름이 form.html이라고 한다면
<form action=form.html method=get>
<input type=hidden name=id value=legend>
<input type=hidden name=mode value=write>
<input type=submit value=전송>
</form>

url로 다음과 같은 형태의 값이 전달되지요.
form.html?id=legend&mode=write

그럼 위의 스크립트는 HTTP_GET_VARS['id'], HTTP_GET_VARS['mode'] 배열에 각각 legend와 write를
할당하게 되지요. 그럼 나머지야 변수를 이용해서 간단히 처리가 가능하겠지요?
벌써 감을 잡으신 분들도 계시리라 생각됩니다. 암튼 이렇게 되면 자바스크립트 만으로 폼처리를
가능하게 할 수 있지요. 용도는 뭐 일회성인 곳에만 사용되겠지만 서버 스크립트와 폼사이에 중간 처리부분에 응용하면 아주 훌륭한 기능을 발휘하게 될 것입니다.

다양한 활용방법은 개인적으로 찾아보시도록 하구요..

위의 방법을 이용한 초간단 계산기 예제를 보여드리고 끝내도록 하지요.

http://neom.org/tip/

ps. 브라우저로 확인확인시 스크립트가 작동하지 않을 때는 웹 계정에 업로드 해서 테스트해보세요.
제목 글쓴이 날짜
XE를 홈페이지 루트에 설치하여 BGM 설치가 불가능할 때... [6] Firstlove 2011.05.29
로그인풀림방지 - 주소 고정하기 [27] ezi 2011.05.28
웹폰트의 개념과 사용법 [2] hika1 2011.05.26
유닉스에서 디스크 용량 체크 후 호출 해주는 프로그램 길버트전 2011.05.24
SSH 지원안하는 웹호스팅에서 빠르게 XE설치하기. [5] file DynamicLaser 2011.05.22
드림위버로 FTP 파일 바로 수정하기 : FTP다운로드->수정->FTP업로드 번거러운 수정과정 X [3] file Treasurej 2011.05.21
XE 첨부파일 문제로 게시판이 백지화 될때... [1] 똑디 2011.05.20
[PHP 기초] 연산자1 난다날아 2011.05.19
모바일레이아웃에서의 통합검색 [11] 카르마 2011.05.19
XE 프로젝트 호스팅 SVN 내용을 Google 프로젝트 호스팅으로 이전하기 file 난다날아 2011.05.17
'왕' '왕초보'를 위한 ZB4-->XE버전으로 이전시 가장 간단한 순서 [1] 쭈영 2011.05.17
XE core 1.4.5.7 코드 오류,(상자 위젯 배경 안될때) [2] 홍성빈닌 2011.05.17
따른사이트와 내채팅방 연동하기~!<미니온4편> [7] file 토끼매니아 2011.05.15
XE 공식 버튼2 삽입하기 [32] file 웹엔진 2011.05.14
th 엘리먼트에 scope 속성 사용 [1] file 엘카 2011.05.14
도와 주세요!!! Explorer 6에서는 제대로 보이는데 Explorer 7 이상에서는 사진이 안보여요 [2] 이영규616 2011.05.12
서버이전후 캐시파일 재생성 안되시는분들 [2] 우냠냠 2011.05.11
youtube (유튜브) 동영상 block없이 게시판에 embed 하기 [23] 쏘프티 2011.05.10
회원 관리자 두기.. DaKi 2011.05.09
CafeXE에서 마이카페 목록을 셀렉트 박스로 바꾸기 file 늘푸른이 2011.05.07