|
<![CDATA[
--------------------------------------------------------------------------------------------------------
<html>
<head>
<META CHARSET="EUC-KR">
<TITLE>Form Table and Mail Yongsuk Lee (spacekan@chollian.net)</TITLE>
<script language="JavaScript">
/* -----------------------------------------------------------------------------------------
Yongsuk LEE (spacekan@chollian.net) NN3, NN4 in Win95
------------------------------------------------------------------------------------------ */
function pipeChar(total, output, input) {
/* ------------------------------------------------------------------------------------------
pipeChar()는 문자열중의 일부를 바꾸는 메소드임. total은 전체 문자열.
output는 바뀌어 져서 없어지는 total문자열 중의 일부 문자 또는 문자열.
input는 새로 total의 output의 자리에 들어오는 문자 또는 문자열.
------------------------------------------------------------------------------------------- */
var totalLen = total.length;
var inputLen = input.length;
var outputLen = output.length;
var i = 0;
var flag;
var end = "";
while( i < totalLen ) {
flag = total.indexOf(output, i);
if(flag != -1) {
end += total.substring(i, flag);
end += input;
i = outputLen+flag;
}
else
break;
}
end += total.substring(i, totalLen);
return end
}
function fieldArray(){ this.length = 0 }; field = new fieldArray()
function valueArray(){ this.length = 0 }; value = new valueArray()
function searchFieldAndValue(search) {
/* -------------------------------------------------------------------------------------
search에서 field의 이름과 값을 구분하여 저장. 아래 두 줄의 코드가 필요함.
function fieldArray(){ this.length = 0 }; field = new fieldArray(); //NN2 Compatible
function valueArray(){ this.length = 0 }; value = new valueArray(); //NN2 Compatible
-------------------------------------------------------------------------------------- */
var equal = 0;
var end = 0;
search += '&';
for(var i=0; i<search.length; i++) {
if(search.substring(i, i+1) == "=") {
field[field.length++] = unescape(search.substring(equal, i))
end = i+1;
}
if(search.substring(i, i+1) == "&") {
value[value.length++] = unescape(search.substring(end, i))
equal = i+1;
}
}
}
function formReload(form) {
/* ---------------------------------------------------------------------------------------
폼에 입력되어 있는 값을 다시 테이블에 넣기 위해서 수정된
폼의 값을 다시 search에 지정하여 현재 페이지에 더해서 Reload한다.
---------------------------------------------------------------------------------------- */
var search = "?";
if(!self.state) {
// NN4에서 reset()가 onReset를 지정했을 때, 작동이 안되어서 수동으로 입력.
// nn4의 onReset 버그 입니다..
for(var i=0; i<form.elements.length-3; i++) {
form.elements[i].value = "";
}
}
for(var i=0; i < form.elements.length-3; i++) {
search = search +( escape(form.elements[i].name)+"="+escape(form.elements[i].value) );
if(i != form.elements.length-4) search += "&";
}
self.location.href = "./formMailTable.htm"+search; //NN2 Compatible
//location.replace("./formMailTable.htm"+search); NN3가 필요. 많은 입력으로
//출력(load)이 되면되돌아갈 때 그 만큼 BACK버튼을 눌러야하는 것을 방지함.
}
function formMailTable() {
var search = self.location.search.substring(1);
//if((search.indexOf(escape('본문')) != -1) && (search.indexOf(escape('MAIL')) != -1)) {
//다른 곳에서 search를 달고 왔을 때를 방지함.
// form에 action이 지정이 안되어 있으면, 현재 페이지에 form element를 search에 덧붙인다.
if(search) {
searchFieldAndValue(search);
if(field.length == value.length) {
document.writeln('<center><table border=3 width="80%" bgcolor="#cecebd" cellspacing=1 cellpadding=4>');
for(var i=0; i<field.length; i++) {
if(i == (field.length-1)) {
// form textarea의 값을 테이블에 form의 글자 구성과 같게하기 위하여
// <xmp>택을 준다. <BR>택은 메일로 받아보면 <BR>다음 글이 없어진다. <pre>택은
// NN3에서 사용자의 Document Encodeing 을 Korean 으로 설정시 테이블의 글이 깨진다.
// HEAD택에 Content-Type를 EUC-KR로 설정해도 같은 문제가 일어난다.(NN4는 이상이 없음)
// NN3, NN4 둘 다 만족시키는 것은 <xmp>만이 해결책임.
printField = pipeChar(field[i], "+", " ")
]]>
printValue = "<xmp> "+pipeChar(value[i], "+", " ")+"</xmp>"
<![CDATA[
document.writeln("<tr><td align='right'>"+printField+"</td>"
+ "<td bgcolor='#eeeeee'><font color='blue'>"+printValue+"</font></td></tr>");
}
else {
printField = pipeChar(field[i], "+", " ")
// 공백문자 (" ")는 search에서 '+'로 온다. 이 것을 테이블에 쓰기 위해서 ' '로 바꾼다.
printValue = " "+pipeChar(value[i], "+", " ")
document.writeln("<tr><td align='right'>"+printField+"</td><td bgcolor='#eeeeee'>"+printValue+"</td></tr>");
}
}
}
document.writeln('<tr><td align="center" valign="middle" colspan=2><br>'
+ '<form name="formMail" action="mailto:spacekan@chollian.net?subject=formTableMail (yongsuk)"
ENCTYPE="text/plain">'
+ '이름: <input name="이름" type=text value="" size="35"><br>'
+ '주소: <input name="주소" type=text value="" size="35"><br>'
+ '전화: <input name="전화" type=text value="" size="35"><br>'
+ 'MAIL:<input name="MAIL" type=text value="" size="35"><br>'
+ '본문:<textarea name="본문" cols=35 rows=6 value=""></textarea><br>'
+ '<input type=reset value="다시작성" onClick="self.state=false; formReload(this.form)">'
+ '<input type=button value="입력내용 확인하기" onClick="self.state = true; formReload(this.form)">'
+ '<input type=submit value="보내기"></form></td></tr></table></center>');
document.formMail.elements[0].value = pipeChar(value[0], "+", " ");
document.formMail.elements[1].value = pipeChar(value[1], "+", " ");
document.formMail.elements[2].value = pipeChar(value[2], "+", " ");
document.formMail.elements[3].value = pipeChar(value[3], "+", " ");
document.formMail.elements[4].value = pipeChar(value[4], "+", " ");
}
else {
document.writeln('<br><br><center>'
+ '<table border=3 width="80%" bgcolor="#cecebd" cellpadding=10 cellspacing=0>'
+ '<tr><td align="center" valign="middle"><form name="frontFormMail">'
+ '이름: <input name="이름" type=text value="" size="35"><br>'
+ '주소: <input name="주소" type=text value="" size="35"><br>'
+ '전화: <input name="전화" type=text value="" size="35"><br>'
+ 'MAIL:<input name="MAIL" type=text value="" size="35"><br>'
+ '본문:<textarea name="본문" cols=35 rows=6 value=""></textarea><br>'
+ '<input type=reset value="다시작성"><input type=submit value="입력내용 확인하기">'
+ '</form></td></tr></table></center>')
}
}
formMailTable();
</script>
</head>
<body>
<center><a href="./formMailTableTxt.htm"><b><font size=-1>BACK</font></b></a></center>
</body>
</html>
--------------------------------------------------------------------------------------------------------
]]>
|