WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:送信フォームをつけるには?

[MAIL][URL][WriteDate : Thu Sep 28 20:12:50 2000]

以前、オーダーページの作り方でとてもお世話になりました。
ありがとうございました!!!

えーと、今回は別なタイプのオーダーページなんですが、
これに『名前』『住所』『連絡先』などをいれて、オーダーした
商品内容、合計とともに、自分のところにメールで送信するためには
どうしたらいいのか、教えてください。

長くなりますが、ソースは下記の通りです。
これに、どのようなソースがつけば送れるようになりますか?

よろしくお願い致します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0022)http://internet.e-mail --><HTML><HEAD><TITLE>オーダーページ</TITLE>
<META content="text/html; charset=shift_jis" http-equiv=Content-Type>
<SCRIPT language=JavaScript>
<!--
function myCheck(){
with(document.myForm){
syoukei.value=eval(kei1.value)+eval(kei2.value)+eval(kei3.value);zei.value=syoukei.value*0.05;soukei.value=eval(syoukei.value)+eval(zei.value);
}
}

//-->
</SCRIPT>

<META content="MSHTML 5.00.2919.6307" name=GENERATOR></HEAD>
<BODY bgColor=white>
<P align=center><FONT size=6><B>お買い物ページ</B></FONT></P><BR>
<FORM name=myForm> ご希望の商品の数量を選んでください。お買い物が終わりましたら、計算ボタンをクリックしてください。<BR><BR>
<TABLE border=1>
  <TBODY>
  <TR>
    <TD align=middle><B>品物</B></TD>
    <TD align=middle><B>単価</B></TD>
    <TD align=middle><B>数量</B></TD>
    <TD align=middle><B>金額</B></TD></TR>
  <TR>
    <TD>商品A</TD>
    <TD align=right><INPUT name=tan1 style="TEXT-ALIGN: right" 
value=3000></TD>
    <TD align=middle><SELECT name=suu1 
      onchange=kei1.value=eval(tan1.value)*eval(this.selectedIndex)> <OPTION 
        selected value=1>0<OPTION value=1>1<OPTION value=2>2<OPTION 
        value=3>3<OPTION value=4>4<OPTION value=5>5<OPTION value=6>6<OPTION 
        value=7>7<OPTION value=8>8<OPTION value=9>9<OPTION 
      value=10>10</OPTION></SELECT></TD>
    <TD><INPUT name=kei1 value=0></TD></TR>
  <TR>
    <TD>商品B</TD>
    <TD align=right><INPUT name=tan2 style="TEXT-ALIGN: right" 
value=4000></TD>
    <TD align=middle><SELECT name=suu2 
      onchange=kei2.value=eval(tan2.value)*eval(this.selectedIndex)> <OPTION 
        selected value=0>0<OPTION value=1>1<OPTION value=2>2<OPTION 
        value=3>3<OPTION value=4>4<OPTION value=5>5<OPTION value=6>6<OPTION 
        value=7>7<OPTION value=8>8<OPTION value=9>9<OPTION 
      value=10>10</OPTION></SELECT></TD>
    <TD><INPUT name=kei2 value=0></TD></TR>
  <TR>
    <TD>商品C</TD>
    <TD align=right><INPUT name=tan3 style="TEXT-ALIGN: right" 
value=5000></TD>
    <TD align=middle><SELECT name=suu3 
      onchange=kei3.value=eval(tan3.value)*eval(this.selectedIndex)> <OPTION 
        selected value=0>0<OPTION value=1>1<OPTION value=2>2<OPTION 
        value=3>3<OPTION value=4>4<OPTION value=5>5<OPTION value=6>6<OPTION 
        value=7>7<OPTION value=8>8<OPTION value=9>9<OPTION 
      value=10>10</OPTION></SELECT></TD>
    <TD><INPUT name=kei3 value=0></TD></TR>
  <TR>
    <TD align=middle rowSpan=2>数量を入力したら計算ボタンをクリックしてください。<BR><INPUT name=button2 onclick=myCheck() type=button value=計算></TD>
    <TD rowSpan=2></TD>
    <TD align=middle>小計</TD>
    <TD><INPUT name=syoukei></TD></TR>
  <TR>
    <TD align=middle>消費税(5%)</TD>
    <TD><INPUT name=zei></TD></TR>
  <TR>
    <TD></TD>
    <TD></TD>
    <TD align=middle>総計</TD>
    <TD><INPUT name=soukei></TD></TR></TBODY></TABLE><BR><BR><B>確認したらクリックしてください。</B> <INPUT name=button2 onclick="alert('送信致しました。'+'\n'+'お買い上げありがとうございます。')" type=button value=決定> 
</FORM></BODY></HTML>




ちゃいぱ[MAIL][URL][WriteDate :Fri Sep 29 09:29:11 2000]

変更は2個所です。

一個所目
<FORM name=myForm> 

<FORM name=myForm action="mailto:xxx@yyy.ne.jp" ENCTYPE="text/plain" METHOD="POST">
に変更。

2個所目

<INPUT name=button2 onclick="alert('送信致しました。'+'\n'+'お買い上げありがとうございます。')" type=button value=決定>  



<B>名 前</B> <INPUT name=名前 type=text size=30><br>  
<B>住 所</B> <INPUT name=住所 type=text size=80><br>  
<B>連絡先</B> <INPUT name=連絡先 type=text size=80><br>  
<B>確認したらクリックしてください。</B> <INPUT name=button2  onclick="alert('送信致しました。'+'\n'+'お買い上げありがとうございます。')" type=submit value=決定>  

に変更。

[MAIL][URL][WriteDate :Fri Sep 29 18:21:42 2000]

ありがとうございます!!!

言われたところを変更したら、無事できました('-'*)
それと、このソースにも取り消し機能と前回のオーダーページに
あった買い物確認ページを作りたいのですが、どこに入れたら
いいんでしょうか?

よろしくお願いします。

いつもお手数をおかけしてすみません。(><。)

ちゃいぱ[MAIL][URL][WriteDate :Sat Sep 30 06:45:16 2000]

今、まとまった時間が取れないので、来週、月曜日以降になります!
3,4日お待ち下さい!

[MAIL][URL][WriteDate :Sat Sep 30 21:43:24 2000]

よろしくお願いします!

ちゃいぱ[MAIL][URL][WriteDate :Mon Oct 2 10:41:29 2000]

よくみたら、
取り消し機能と買い物確認ページ必要ないのでは...。

逆に云うと、この画面で、取り消しができ、確認もできますよね?
どうでしょう?


ちゃいぱ[MAIL][URL][WriteDate :Tue Oct 3 09:08:30 2000]

以下のタグで、取り消し機能になりますよ!
<INPUT TYPE="reset" VALUE="取り消し">

[MAIL][URL][WriteDate :Sat Oct 7 17:41:31 2000]

いつも親切に教えていただいてありがとうございます!

>よくみたら、 
>取り消し機能と買い物確認ページ必要ないのでは...。 

>逆に云うと、この画面で、取り消しができ、確認もできますよね? 
>どうでしょう? 


商品の数がかなり多くなる予定なので、そのとき、自分が何を
買ったかを一目でわかるようにしたいんです。
んー、それって可能なんでしょうか?

また、こういった、JavaScriptで作っているオーダーページは、
商品数がどんなにたくさんあってもエラーとかは関係ないので
しょうか?

よろしくお願い致します。




ちゃいぱ[MAIL][URL][WriteDate :Sun Oct 8 22:26:39 2000]

ゴメン!見落としてました!

>買ったかを一目でわかるようにしたいんです
う〜ん...。全部完成してからでないとよくわからないなぁ...。

>商品数がどんなにたくさんあってもエラーとかは関係ないので・・ 
テーブルなので、表示速度が遅くなるのは、ありますよ!
また、あまり、ソースが長くなると、たまに表示データ欠落が発生することがあります。




[MAIL][URL][WriteDate :Tue Oct 10 15:49:09 2000]

いつもありがとうございます!

>買ったかを一目でわかるようにしたいんです 

以前教えていただいた、お買い物ページのように、
小さいウィンドウで確認するものをつけたいのですが、
上記(この親記事)のソースにそれをつけたい場合、
つけることはできるのでしょうか?

また、その場合はどこにつければいいのでしょうか?

よろしくお願い致します。




ちゃいぱ[MAIL][URL][WriteDate :Wed Oct 11 10:44:45 2000]

メインのHTMLの適当なところに

<A HREF="#" onClick="window.open('XXXX.htm','child_htm','width=400,height=200'); return false"> 買い物確認</A><br>

入れて、

XXXX.htmは以下の感じ

<SCRIPT LANGUAGE="JavaScript">
<!--
var wktotalkei=0;

        document.write("<TABLE BORDER>\n");
        document.write("<TR><TH>品物</TH><TH>単価</TH><TH>数量</TH><TH>明細合計</TH></TR>\n");
// 商品A    
        if(window.opener.document.myForm.suu1.value != 0){
           document.write("<TR><TD>商品A</TD><TD>3000</TD><TD>" + window.opener.document.myForm.suu1.value + "</TD><TD>" + window.opener.document.myForm.suu1.value*3000 + "</TD></TR>\n");
           wktotalkei = wktotalkei + window.opener.document.myForm.suu1.value*3000;
        }

// 商品B
// 商品Aと同じように
// 商品C 
// 商品Aと同じように
// 合計   
        document.write("<TR><TD>合計</TD><TD></TD><TD> </TD><TD>" + wktotalkei + "</TD></TR>\n");
        document.write("</TABLE>\n");

// -->
</SCRIPT>


[MAIL][URL][WriteDate :Tue Oct 24 11:04:06 2000]

ありがとうございました!!!

なんとかできあがりそうです。('-'*)
また困った時には、ご相談させていただきたいと
思います。

ほんとにありがとうございました!
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]