질문과 답변· ··조회 38,360
폼메일 메일함수로 이용하여... 응용할수는 없는지요..
안녕하세요... 몇가지 궁금한 것이 있어 올립니다.
이카드를 만드려구 하는데요..
폼메일 메일함수로 이용하여... 응용할수는 없는지요..
첫번째 질문은> Html문서의...보내는 분들의 주소와 내용입력시 Php문서에 출력할수 있는 방법과
두번째질문은> Html문서의 폼메일에 그림이미지를 라디오버튼을 선택후
Php문서에... 라디오버튼으로 선택한 이미지를 함께 출력을 하는것이구요..
세번째 질문은> 그 이미지를 메일로 받아볼수 있는것이요..
예를들면 스팸메일에보면.. 웹페이지인가요? 그림과 함께 오던데요...
한가지라두 응용을 할수 있는 방법좀 알려주세요...
Php게시판강좌를 보았는데... 자바스크립트를 응용한 게시판을 비슷하게 응용을 해두 보내는 과정에서 막히는 부분이 많습니다...
html문서입니다.
<html>
<head>
<title>제목없음</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<script language=JavaScript>
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
// -->
</script>
<script language=javascript>
<!--
function checkForm()
{
if (theForm.sname.value.length == 0)
{
alert ("귀하의 이름을 한글 12자이내로, 빈칸없이 입력하여 주십시오.");
theForm.sname.focus();
return;
}
if (theForm.rname.value == '')
{
alert("받는 사람 이름을 입력하십시요.");
theForm.rname.focus();
}
// 보내는 사람 이메일 체크
if (theForm.smail.value == '')
{
alert("보내는 사람 e-mail을 입력하십시요.");
theForm.smail.focus();
return;
}
if(!checkEmail(theForm.smail.value))
{
alert("보내는 사람 e-mail 주소를 정확히 입력해 주세요.");
theForm.smail.focus();
return;
}
// 받는 사람 이메일 체크
if (theForm.rmail.value == '')
{
alert("받는 사람 e-mail을 입력하십시요.");
theForm.rmail.focus();
return;
}
if(!checkEmail2(theForm.rmail.value))
{
alert("받는 사람 e-mail 주소를 정확히 입력해 주세요.");
theForm.rmail.focus();
return;
}
if (theForm.title.value.length == 0)
{
alert ("제목을 입력하십시요.");
theForm.title.focus();
return;
}
if (theForm.content.value.length == 0)
{
alert ("내용을 입력하십시요.");
theForm.content.focus();
return;
}
else
{
theForm.submit();
}
return;
}
//이메일을 체크한다.
function checkEmail(smail){
var em = escape(smail);
if((em.indexOf(escape("@")) == -1) || (em.indexOf(escape(".")) == -1)) {
return false;
}
return true;
}
function checkEmail2(rmail){
var em = escape(rmail);
if((em.indexOf(escape("@")) == -1) || (em.indexOf(escape(".")) == -1)) {
return false;
}
return true;
}
function new_window(url) {
link = window.open(url,"Link","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=422,height=427,left=80,top=80");
}
//-->
</SCRIPT>
</head>
<body bgcolor="white" marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 oncontextmenu="return false" ondragstart="return false">
<font face="굴림"><span style="font-size:9pt;"><br>
</span></font><table align="center" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td width="561"><p align="center"><font face="굴림" color="gray"><span style="font-size:9pt;"><img src="image/sub2/e-card.gif" width="525" height="33" border="0"></span></font></p>
</td>
</tr>
<tr>
<td width="561"><center>
<table border=0 cellpadding=0 cellspacing=0 width="500">
<tr><form name="theForm" action="e_card_send.php3" method="post">
<td width="738">
<p align="center"><font face="굴림"><span style="font-size:9pt;"><br>테스트입니다.<br> </span></font></td>
</tr>
</table>
</center>
<table align="center" cellpadding="0" cellspacing="0" width="500">
<tr>
<td width="874"><center>
<table border=0 cellpadding=0 cellspacing=0 width="100%">
<tr>
<td width=176><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=100 align=center>
<p align="center"><a href="javascript:new_window('images/ecard_1.gif')"><font face="굴림"><span style="font-size:9pt;"><img src="images/ecard_sum_1.gif" width="157" height="114" alt="" border="0"></a><br><input type="radio" name="card" value="ecard_02" checked></span></font></td>
<td width=2><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=100 align=center><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=2><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=100 align=center>
<p align="center"><a href="javascript:new_window('images/ecard_2.gif')"><font face="굴림"><span style="font-size:9pt;"><img src="images/ecard_sum_2.gif" width="157" height="114" alt="" border="0"></a><br><input type="radio" name="card" value="ecard_04"></span></font></td>
<td width=2><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=155><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
</table>
</center>
<table cellpadding="0" cellspacing="0">
<tr>
<td width="490">
<p><font face="굴림"><span style="font-size:9pt;"> </span></font></p>
</td>
</tr>
</table>
<!-- 이메일 쓰기 부분 -->
<table border=0 cellpadding=0 cellspacing=0 align="center">
<tr>
<td width=195 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">보내는 사람 이름</font><font face="굴림"><br><input type="text" name=sname size=24 class=box></span></font></td>
<td width=195 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">받는 사람 이름</font><font face="굴림"><br><input type="text" name=rname size=24 class=box></span></font></td>
</tr>
<tr>
<td colspan=2 height=6><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
<tr>
<td width=195 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">보내는 사람 e-mail</font><font face="굴림"><br><input type="text" name=smail size=24 class=box></span></font></td>
<td width=195 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">받는 사람 e-mail</font><font face="굴림"><br><input type="text" name=rmail size=24 class=box></span></font></td>
</tr>
<tr>
<td colspan=2 height=6><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
<tr>
<td colspan=2 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">제목 : </font><font face="굴림"><input type="text" name=title size=47 class=box></span></font></td>
</tr>
<tr>
<td colspan=2 height=6><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
<tr>
<td colspan=2 align=center><font color="#4A494A" face="굴림"><b><span style="font-size:9pt;">↓ </b>내용을 적어 주세요.</font><font face="굴림"><br><textarea name=content cols=51 rows=5 class=box></textarea></span></font></td>
</tr>
<tr>
<td colspan=2 height=6><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
<tr>
<td width=195 align=center><font face="굴림"><span style="font-size:9pt;"> <a href="javascript:checkForm()"><img src="images/img_57.gif" width="184" height="20" alt="" border="0"></span></font></a></td>
<td width=195 align=center><a href="expression-e_card.html"><font face="굴림"><span style="font-size:9pt;"><img src="images/img_58.gif" width="184" height="20" alt="" border="0"></a></span></font></td>
</tr>
</form>
</table>
</td>
</tr>
</table>
<p align="center"><font face="굴림"><span style="font-size:9pt;"> </span></font></p>
</td>
</tr>
</table>
</body>
</html>
Php문서입니다.
<HTML><HEAD><title>이녕..^^</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<script language=JavaScript>
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
// -->
</script>
</HEAD>
<body bgcolor="white" marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<br>
<table align="center" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td width="561"><p align="center"><font face="굴림" color="gray"><span style="font-size:9pt;"><img src="image/sub2/e-card.gif" width="525" height="33" border="0"></span></font></p>
</td>
</tr>
<tr>
<td width="561"><center>
<table border=0 cellpadding=0 cellspacing=0 width="500">
<tr>
<td width="738">
<p align="center"><br>테스트입니다.<br> </td>
</tr>
</table>
</center>
<table align="center" cellpadding="0" cellspacing="0" width="500">
<tr>
<td width="874"> <table border=0 cellpadding=0 cellspacing=0 align="center">
<tr>
<td width=185 align=center class=h4 height=45><b>보내는 사람 이름</b><br></td>
<td width=51></td>
<td width=185 align=center class=h4><b>받는 사람 이름</b><br></td>
</tr>
<tr>
<td colspan=3 height=5></td>
</tr>
<tr>
<td width=185 align=center class=h4 height=45><b>보내는 사람 e-mail</b><br></td>
<td width=51></td>
<td width=185 align=center class=h4><b>받는 사람 e-mail</b><br></td>
</tr>
</table>
<!-- e-card 이미지와 내용 -->
<table cellpadding="0" cellspacing="0" width="500">
<tr>
<td width="490"><img src="images/.gif" width=400 height=400 border=0 hspace=3 vspace=3>
<p> </p>
</td>
</tr>
<tr>
<td width="490">
<p align="center"> </td>
</tr>
<tr>
<td width="490" class=h2>
<p> </p>
</td>
</tr>
<tr>
<td width="490" class=h2>
<p align="center">
<!-- 내용-->
<br><br><br><br><br>from </td>
</tr>
<tr>
<td width="490">
<p> </p>
</td>
</tr>
</table>
<p align="center">카드가 발송되었습니다. haru 의 e-card 를 이용해 주셔서 감사합니다. ^^<br>
<p align="center"> BACK</p>
</td>
</tr>
</table>
<p align="center"> </p>
</td>
</tr>
</table>
</body>
</html>
이카드를 만드려구 하는데요..
폼메일 메일함수로 이용하여... 응용할수는 없는지요..
첫번째 질문은> Html문서의...보내는 분들의 주소와 내용입력시 Php문서에 출력할수 있는 방법과
두번째질문은> Html문서의 폼메일에 그림이미지를 라디오버튼을 선택후
Php문서에... 라디오버튼으로 선택한 이미지를 함께 출력을 하는것이구요..
세번째 질문은> 그 이미지를 메일로 받아볼수 있는것이요..
예를들면 스팸메일에보면.. 웹페이지인가요? 그림과 함께 오던데요...
한가지라두 응용을 할수 있는 방법좀 알려주세요...
Php게시판강좌를 보았는데... 자바스크립트를 응용한 게시판을 비슷하게 응용을 해두 보내는 과정에서 막히는 부분이 많습니다...
html문서입니다.
<html>
<head>
<title>제목없음</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<script language=JavaScript>
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
// -->
</script>
<script language=javascript>
<!--
function checkForm()
{
if (theForm.sname.value.length == 0)
{
alert ("귀하의 이름을 한글 12자이내로, 빈칸없이 입력하여 주십시오.");
theForm.sname.focus();
return;
}
if (theForm.rname.value == '')
{
alert("받는 사람 이름을 입력하십시요.");
theForm.rname.focus();
}
// 보내는 사람 이메일 체크
if (theForm.smail.value == '')
{
alert("보내는 사람 e-mail을 입력하십시요.");
theForm.smail.focus();
return;
}
if(!checkEmail(theForm.smail.value))
{
alert("보내는 사람 e-mail 주소를 정확히 입력해 주세요.");
theForm.smail.focus();
return;
}
// 받는 사람 이메일 체크
if (theForm.rmail.value == '')
{
alert("받는 사람 e-mail을 입력하십시요.");
theForm.rmail.focus();
return;
}
if(!checkEmail2(theForm.rmail.value))
{
alert("받는 사람 e-mail 주소를 정확히 입력해 주세요.");
theForm.rmail.focus();
return;
}
if (theForm.title.value.length == 0)
{
alert ("제목을 입력하십시요.");
theForm.title.focus();
return;
}
if (theForm.content.value.length == 0)
{
alert ("내용을 입력하십시요.");
theForm.content.focus();
return;
}
else
{
theForm.submit();
}
return;
}
//이메일을 체크한다.
function checkEmail(smail){
var em = escape(smail);
if((em.indexOf(escape("@")) == -1) || (em.indexOf(escape(".")) == -1)) {
return false;
}
return true;
}
function checkEmail2(rmail){
var em = escape(rmail);
if((em.indexOf(escape("@")) == -1) || (em.indexOf(escape(".")) == -1)) {
return false;
}
return true;
}
function new_window(url) {
link = window.open(url,"Link","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=422,height=427,left=80,top=80");
}
//-->
</SCRIPT>
</head>
<body bgcolor="white" marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 oncontextmenu="return false" ondragstart="return false">
<font face="굴림"><span style="font-size:9pt;"><br>
</span></font><table align="center" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td width="561"><p align="center"><font face="굴림" color="gray"><span style="font-size:9pt;"><img src="image/sub2/e-card.gif" width="525" height="33" border="0"></span></font></p>
</td>
</tr>
<tr>
<td width="561"><center>
<table border=0 cellpadding=0 cellspacing=0 width="500">
<tr><form name="theForm" action="e_card_send.php3" method="post">
<td width="738">
<p align="center"><font face="굴림"><span style="font-size:9pt;"><br>테스트입니다.<br> </span></font></td>
</tr>
</table>
</center>
<table align="center" cellpadding="0" cellspacing="0" width="500">
<tr>
<td width="874"><center>
<table border=0 cellpadding=0 cellspacing=0 width="100%">
<tr>
<td width=176><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=100 align=center>
<p align="center"><a href="javascript:new_window('images/ecard_1.gif')"><font face="굴림"><span style="font-size:9pt;"><img src="images/ecard_sum_1.gif" width="157" height="114" alt="" border="0"></a><br><input type="radio" name="card" value="ecard_02" checked></span></font></td>
<td width=2><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=100 align=center><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=2><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=100 align=center>
<p align="center"><a href="javascript:new_window('images/ecard_2.gif')"><font face="굴림"><span style="font-size:9pt;"><img src="images/ecard_sum_2.gif" width="157" height="114" alt="" border="0"></a><br><input type="radio" name="card" value="ecard_04"></span></font></td>
<td width=2><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
<td width=155><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
</table>
</center>
<table cellpadding="0" cellspacing="0">
<tr>
<td width="490">
<p><font face="굴림"><span style="font-size:9pt;"> </span></font></p>
</td>
</tr>
</table>
<!-- 이메일 쓰기 부분 -->
<table border=0 cellpadding=0 cellspacing=0 align="center">
<tr>
<td width=195 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">보내는 사람 이름</font><font face="굴림"><br><input type="text" name=sname size=24 class=box></span></font></td>
<td width=195 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">받는 사람 이름</font><font face="굴림"><br><input type="text" name=rname size=24 class=box></span></font></td>
</tr>
<tr>
<td colspan=2 height=6><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
<tr>
<td width=195 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">보내는 사람 e-mail</font><font face="굴림"><br><input type="text" name=smail size=24 class=box></span></font></td>
<td width=195 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">받는 사람 e-mail</font><font face="굴림"><br><input type="text" name=rmail size=24 class=box></span></font></td>
</tr>
<tr>
<td colspan=2 height=6><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
<tr>
<td colspan=2 align=center><font color="#4A494A" face="굴림"><span style="font-size:9pt;">제목 : </font><font face="굴림"><input type="text" name=title size=47 class=box></span></font></td>
</tr>
<tr>
<td colspan=2 height=6><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
<tr>
<td colspan=2 align=center><font color="#4A494A" face="굴림"><b><span style="font-size:9pt;">↓ </b>내용을 적어 주세요.</font><font face="굴림"><br><textarea name=content cols=51 rows=5 class=box></textarea></span></font></td>
</tr>
<tr>
<td colspan=2 height=6><font face="굴림"><span style="font-size:9pt;"> </span></font></td>
</tr>
<tr>
<td width=195 align=center><font face="굴림"><span style="font-size:9pt;"> <a href="javascript:checkForm()"><img src="images/img_57.gif" width="184" height="20" alt="" border="0"></span></font></a></td>
<td width=195 align=center><a href="expression-e_card.html"><font face="굴림"><span style="font-size:9pt;"><img src="images/img_58.gif" width="184" height="20" alt="" border="0"></a></span></font></td>
</tr>
</form>
</table>
</td>
</tr>
</table>
<p align="center"><font face="굴림"><span style="font-size:9pt;"> </span></font></p>
</td>
</tr>
</table>
</body>
</html>
Php문서입니다.
<HTML><HEAD><title>이녕..^^</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc-kr">
<script language=JavaScript>
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
// -->
</script>
</HEAD>
<body bgcolor="white" marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<br>
<table align="center" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td width="561"><p align="center"><font face="굴림" color="gray"><span style="font-size:9pt;"><img src="image/sub2/e-card.gif" width="525" height="33" border="0"></span></font></p>
</td>
</tr>
<tr>
<td width="561"><center>
<table border=0 cellpadding=0 cellspacing=0 width="500">
<tr>
<td width="738">
<p align="center"><br>테스트입니다.<br> </td>
</tr>
</table>
</center>
<table align="center" cellpadding="0" cellspacing="0" width="500">
<tr>
<td width="874"> <table border=0 cellpadding=0 cellspacing=0 align="center">
<tr>
<td width=185 align=center class=h4 height=45><b>보내는 사람 이름</b><br></td>
<td width=51></td>
<td width=185 align=center class=h4><b>받는 사람 이름</b><br></td>
</tr>
<tr>
<td colspan=3 height=5></td>
</tr>
<tr>
<td width=185 align=center class=h4 height=45><b>보내는 사람 e-mail</b><br></td>
<td width=51></td>
<td width=185 align=center class=h4><b>받는 사람 e-mail</b><br></td>
</tr>
</table>
<!-- e-card 이미지와 내용 -->
<table cellpadding="0" cellspacing="0" width="500">
<tr>
<td width="490"><img src="images/.gif" width=400 height=400 border=0 hspace=3 vspace=3>
<p> </p>
</td>
</tr>
<tr>
<td width="490">
<p align="center"> </td>
</tr>
<tr>
<td width="490" class=h2>
<p> </p>
</td>
</tr>
<tr>
<td width="490" class=h2>
<p align="center">
<!-- 내용-->
<br><br><br><br><br>from </td>
</tr>
<tr>
<td width="490">
<p> </p>
</td>
</tr>
</table>
<p align="center">카드가 발송되었습니다. haru 의 e-card 를 이용해 주셔서 감사합니다. ^^<br>
<p align="center"> BACK</p>
</td>
</tr>
</table>
<p align="center"> </p>
</td>
</tr>
</table>
</body>
</html>