<html lang="ja">
<head>
<basefont face="MS UI Gothic">
<meta http-equiv="content-type" content="text/html; charset=x-sjis">
<title>Html to CGI ショッピング注文書</title>
<script language="javascript">
<!--
window.onerror=null;
function keisan(chk){
stotal=document.f.stotal.value*1;zeigaku=document.f.zeigaku2.value*1;soryou=daibiki=0;besso=dzip=payment=inval=err=serr=cerr="";
<!-- 送料 ---------------------------------------------------------------->
skubun=new Array(30000,0,29999,300,19999,500,9999,700);※1
soryou=skubun[1];
for(i=0;i<skubun.length-1;i+=2){if(stotal<=skubun[i])soryou=skubun[i+1]}
<!------------------------------------------------------------------------>
for(i=0;i<document.f.payment.length;i++){
if(document.f.payment[i].checked==true)payment=document.f.payment[i].value}
if(document.f.d_send.checked==true)besso=1;
else{document.f.d_name1.value=document.f.d_name2.value=document.f.d_zip.value=document.f.d_addr.value=document.f.d_tel.value=document.f.d_email.value="";document.f.d_ken[0].selected=true}
if(payment=='代金引換'){
if(besso){alert('ご指定のお支払方法では、お届け先の別指定はできません。');return false}
<!-- 代引手数料 ---------------------------------------------------------->
dkubun=new Array(29999,300,30000,500);※2
daibiki=dkubun[1];
for(i=0;i<dkubun.length-3;i+=2){if(stotal+soryou>dkubun[i])daibiki=dkubun[i+3]}
<!------------------------------------------------------------------------>
}
if(stotal==0)soryou=daibiki=0;
zeigaku+=Math.floor(daibiki*5/105);
zeigaku+=Math.floor(soryou*5/105);
document.f.soryou.value=Math.floor(soryou*1+daibiki*1);
document.f.gtotal.value=Math.floor(stotal*1+soryou*1+daibiki*1);
document.f.zeigaku.value=zeigaku;
if(!chk) return true;
inval="";inval=document.f.name1.value;if(!inval){err+="お名前、"}
inval="";inval=document.f.name2.value;if(!inval){err+="お名前(かな)、"}
inval="";inval=document.f.zip.value;if(!inval){err+="ご住所(郵便番号)、"}
inval="";inval=document.f.ken.options[document.f.ken.selectedIndex].value;if(!inval){err+="ご住所(都道府県)、"}
inval="";inval=document.f.addr.value;if(!inval){err+="ご住所、"}
inval="";inval=document.f.tel.value;if(!inval){err+="TEL、"}
inval="";inval=document.f.email.value;if(inval.match(/.+\@.+\w{2,4}$/)==null){err+="E-MAIL、"}
inval="";for(i=0;i<document.f.payment.length;i++){if(document.f.payment[i].checked==true){inval=document.f.payment[i].value}}if(!inval){err+="お支払い方法、"}
if(payment=='クレジットカード'){inval="";for(i=0;i<document.f.card.length;i++){if(document.f.card[i].checked==true){inval=document.f.card[i].value}}if(!inval){cerr=1}
inval="";inval=document.f.cardnum.value;if(!inval){cerr=1}
inval="";inval=document.f.cardlmt.value;if(!inval){cerr=1}
inval="";inval=document.f.cardhldr.value;if(!inval){cerr=1}
if(cerr)err+='カード情報、'}
if(besso){inval="";inval=document.f.d_name1.value;if(!inval){serr=1}
inval="";inval=document.f.d_name2.value;if(!inval){serr=1}
inval="";inval=document.f.d_zip.value;if(!inval){serr=1}
inval="";inval=document.f.d_ken.options[document.f.d_ken.selectedIndex].value;if(!inval){serr=1}
inval="";inval=document.f.d_addr.value;if(!inval){serr=1}
inval="";inval=document.f.d_tel.value;if(!inval){serr=1}
if(serr)err+='お届け先情報'}
if(err){alert("次の項目にご記入もれか、間違いがあるようです。\n\n"+err);return false}
}
// -->
</script><style type="text/css">
td {color:#000000}
input,select,textarea{font-size:10pt}
.kagami0 {font-weight:900;font-size:10pt;color:#ffffff}
.kagami1 {font-weight:900;font-size:11pt;color:#ffffff}
.meisai0 {font-weight:400;font-size:10pt;color:#000000}
.meisai1 {font-weight:400;font-size:11pt;color:#000000}
.meisai2 {font-weight:400;font-size:12pt;color:#000000}
.kei {font-weight:400;font-size:11pt;color:#000000}
.gokei {font-weight:900;font-size:11pt;color:#000000}
.cmt {font-weight:400;font-size:12pt;line-height:14pt}
.zin {ime-mode:active}
.hin {ime-mode:inactive}
.cin {text-align:center;ime-mode:inactive}
.rin {text-align:right;ime-mode:inactive}
</style>
</head>
<body text="#000000" bgcolor="#ffffff" onload="keisan()">
<center><br>
<span style="font:normal normal 400 24px/24px MS UI Gothic;color:#db7093">注 文 票 </span>
<form method="POST" name="f" action="$script">
<table border=0 width="640"><td class="cmt">ご確認ください。</td></table>
<table border=0 width="640" cellpadding=0 cellspacing=1>
<tr bgcolor=#db7093><th width=437 class="kagami1">商 品 名</th>
<th width=80 class="kagami1">単 価</th>
<th width=33 nowrap class="kagami0">数量</th>
<th width=90 nowrap class="kagami1">金 額</th></tr>
<!--INC--> ※3
<tr bgcolor=#fff5ee><td class="meisai1"> $hinmei </td>
<td align="right" class="meisai2">$tankaf </td>
<td align="center" class="meisai2"><input type="text" name="rep_$hinmei:$tanka" value="$su" size="2" class="cin"></td>
<td align="right" class="meisai2">$itotalf </td></tr>
<!--INC-->
<tr>
<td colspan="1" rowspan="4" align="center">
<span style="font-size:14px;line-height:26px">数量を変更した場合は [数量変更] をクリックしてください<br></span>
<input type="submit" name="c:htm" value=" 数量変更 "> <input type="button" value="商品を追加する" onclick="location.href='$script?c:htm&cook=$cook&mini=002&resp=../catalog.html'">
</td>
<td colspan=2 bgcolor=#ffc0cb align="center" class="kei">小 計</td>
<td bgcolor=#ffc0cb align="center">
<table border=0 cellpadding=0 cellspacing=1>
<td><input readonly type="text" name="stotal" size=10 value="" class="rin"></td><td class="kei">円</td>
</table>
</td>
</tr>
<tr bgcolor=#ffc0cb>
<td colspan=2 align="center" class="kei">送 料</td>
<td align="center">
<table border=0 cellpadding=0 cellspacing=1>
<td><input readonly type="text" name="soryou" size=10 value="" style="text-align:right"></td><td class="kei">円</td>
</table>
</td>
</tr>
<input type="hidden" name="soryou2" value="">
<tr bgcolor=#ffc0cb>
<td colspan=2 align="center" class="gokei">合 計</td>
<td align="center">
<table border=0 cellpadding=0 cellspacing=1>
<td><input readonly type="text" name="gtotal" size=10 value="" style="text-align:right"></td><td class="gokei">円</td>
</table>
</td>
</tr>
<tr bgcolor=#ffc0cb>
<td colspan=2 align="center" nowrap class="meisai0">内消費税(5%)</td>
<td align="center">
<table border=0 cellpadding=0 cellspacing=1>
<td><input readonly type="text" name="zeigaku" size=10 value="" style="text-align:right"></td><td class="kei">円</td>
</table>
</td>
</tr>
<input type="hidden" name="zeigaku2" value="">
</table>
<table width="640" border=0 cellpadding=2>
<td>よろしければ下に必要事項を記入して送信してください。</td>
</table>
<table border="0" width="640" cellpadding="1" cellspacing="1">
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">お名前</span><font size=2 color=red><sup>*</sup></font></td>
<td bgcolor="#fff5ee">漢字:<input name="name1" type="text" value="" size=20 class=zin> かな:<input name="name2" type="text" value="" size=26 class=zin></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">ご住所</span><font size=2 color=red><sup>*</sup></font></td>
<td bgcolor="#fff5ee">〒<input name="zip" type="text" value="" size=9 class=hin>
<select name="ken" onchange="keisan()">
<option value="" selected>都道府県
<option value="北海道">北海道
<option value="青森県">青森県
<option value="秋田県">秋田県
<option value="岩手県">岩手県
<option value="宮城県">宮城県
<option value="山形県">山形県
<option value="福島県">福島県
<option value="栃木県">栃木県
<option value="新潟県">新潟県
<option value="群馬県">群馬県
<option value="埼玉県">埼玉県
<option value="茨城県">茨城県
<option value="千葉県">千葉県
<option value="東京都">東京都
<option value="神奈川県">神奈川県
<option value="山梨県">山梨県
<option value="長野県">長野県
<option value="富山県">富山県
<option value="石川県">石川県
<option value="福井県">福井県
<option value="静岡県">静岡県
<option value="愛知県">愛知県
<option value="岐阜県">岐阜県
<option value="三重県">三重県
<option value="奈良県">奈良県
<option value="和歌山県">和歌山県
<option value="滋賀県">滋賀県
<option value="京都府">京都府
<option value="大阪府">大阪府
<option value="兵庫県">兵庫県
<option value="岡山県">岡山県
<option value="鳥取県">鳥取県
<option value="島根県">島根県
<option value="広島県">広島県
<option value="山口県">山口県
<option value="香川県">香川県
<option value="徳島県">徳島県
<option value="愛媛県">愛媛県
<option value="高知県">高知県
<option value="福岡県">福岡県
<option value="佐賀県">佐賀県
<option value="大分県">大分県
<option value="熊本県">熊本県
<option value="宮崎県">宮崎県
<option value="長崎県">長崎県
<option value="鹿児島県">鹿児島県
<option value="沖縄県">沖縄県 </option></select>
<input name="addr" type="text" value="" size=56 class=zin></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">TEL</span><font size=2 color=red><sup>*</sup></font></td>
<td bgcolor="#fff5ee"><input name="tel" type="text" value="" size=20 class=hin></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">E-MAIL</span><font size=2 color=red><sup>*</sup></font></td>
<td bgcolor="#fff5ee"><input name="email" type="text" value="" size=60 class=hin></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">お支払い方法</span><font size=2 color=red><sup>*</sup></font></td>
<td bgcolor="#fff5ee">
<input name="payment" type="radio" value="クレジットカード" onclick="keisan()">クレジットカード
<input name="payment" type="radio" value="銀行振込み" onclick="keisan()">銀行振込み
<input name="payment" type="radio" value="代金引換" onclick="keisan()">代金引換
<input name="payment" type="radio" value="コンビニ払い" onclick="keisan()">コンビニ払い
<br><font size="2">
●コンビニ払いの場合はお支払いされるコンビニのマークをクリックしてください。<br>
<script language="javascript">
function cvsmark(cvs){
document.f.cvs.value=cvs;document.f.payment[3].checked=true;
return keisan()
}
</script>
<img src="../cvs.gif" usemap="#cvs" border=0>
<map name="cvs">
<area shape="rect" coords="5,5,63,60", href="javascript:void(0)" alt="セブン-イレブン" onclick="cvsmark(1)">
<area shape="rect" coords="72,5,123,59", href="javascript:void(0)" alt="ローソン" onclick="cvsmark(2)">
<area shape="rect" coords="130,14,230,46", href="javascript:void(0)" alt="ファミリーマート" onclick="cvsmark(3)">
<area shape="rect" coords="241,9,330,24", href="javascript:void(0)" alt="セイコーマート" onclick="cvsmark(4)">
<area shape="rect" coords="258,30,315,62", href="javascript:void(0)" alt="ミニストップ" onclick="cvsmark(5)">
<area shape="rect" coords="338,6,391,62", href="javascript:void(0)" alt="デイリーヤマザキ" onclick="cvsmark(6)">
</map><input type="hidden" name="cvs"></td>
</tr>
<tr>
<td bgcolor="#ffc0cb"> </td>
<td bgcolor="#fff5ee"><font size=2>
●クレジットカードの場合は下記にカード種別、番号、期限、名義をご記入ください。<br>
●お振り込みの場合は下記口座にお願いいたします。<br>
三井住友銀行名古屋駅前支店 当座預金:0938825<br>
口座名義:有限会社テレコムコーポレイション<br>
●代金引換の場合は、送料に所定の代引手数料が加算されます。</td>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">カード種別</span></td>
<td bgcolor="#fff5ee"><input name="card" type="radio" value="VISA">VISA <input name="card" type="radio" value="MASTER">MASTER <input name="card" type="radio" value="JCB">JCB <input name="card" type="radio" value="AMEX">AMEX </td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">カード番号</span></td>
<td bgcolor="#fff5ee"><input name="cardnum" type="text" value="" size=26 class=hin></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">カード有効期限</span></td>
<td bgcolor="#fff5ee"><input name="cardlmt" type="text" value="" size=7 class=hin> <font size=2> (例) 2005年12月→12/05 <font color=red>(月年の順にご注意ください。)</td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">カード名義</span></td>
<td bgcolor="#fff5ee"><input name="cardhldr" type="text" value="" size=26 class=hin> <font size=2> カードの刻字どおりにご記入ください。</td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">お届け時間帯</span></td>
<td bgcolor="#fff5ee"><select name="kibou"><option value='ご希望なし'>ご希望なし<option value='午前中'>午前中<option value='12〜14時'>12〜14時<option value='14〜16時'>14〜16時<option value='16〜18時'>16〜18時<option value='18〜20時'>18〜20時<option value='20〜21時'>20〜21時</option></select><font size=2> (ご希望に添えない場合もございますのでご了承ください。)</td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">お届け先</span></td>
<td bgcolor="#fff5ee"><input name="d_send" type="checkbox" value="商品は下記住所へお届け" onclick="keisan()">商品は下記住所へお届け </td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">お名前<font size=2>(発送先)</span></td>
<td bgcolor="#fff5ee">漢字:<input name="d_name1" type="text" value="" size=20 class=zin onchange="keisan()"> かな:<input name="d_name2" type="text" value="" size=26 class=zin onchange="keisan()"></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">ご住所<font size=2>(発送先)</span></td>
<td bgcolor="#fff5ee">〒<input name="d_zip" type="text" value="" size=9 class=hin>
<select name="d_ken" onchange="keisan()">
<option value="" selected>都道府県
<option value="北海道">北海道
<option value="青森県">青森県
<option value="秋田県">秋田県
<option value="岩手県">岩手県
<option value="宮城県">宮城県
<option value="山形県">山形県
<option value="福島県">福島県
<option value="栃木県">栃木県
<option value="新潟県">新潟県
<option value="群馬県">群馬県
<option value="埼玉県">埼玉県
<option value="茨城県">茨城県
<option value="千葉県">千葉県
<option value="東京都">東京都
<option value="神奈川県">神奈川県
<option value="山梨県">山梨県
<option value="長野県">長野県
<option value="富山県">富山県
<option value="石川県">石川県
<option value="福井県">福井県
<option value="静岡県">静岡県
<option value="愛知県">愛知県
<option value="岐阜県">岐阜県
<option value="三重県">三重県
<option value="奈良県">奈良県
<option value="和歌山県">和歌山県
<option value="滋賀県">滋賀県
<option value="京都府">京都府
<option value="大阪府">大阪府
<option value="兵庫県">兵庫県
<option value="岡山県">岡山県
<option value="鳥取県">鳥取県
<option value="島根県">島根県
<option value="広島県">広島県
<option value="山口県">山口県
<option value="香川県">香川県
<option value="徳島県">徳島県
<option value="愛媛県">愛媛県
<option value="高知県">高知県
<option value="福岡県">福岡県
<option value="佐賀県">佐賀県
<option value="大分県">大分県
<option value="熊本県">熊本県
<option value="宮崎県">宮崎県
<option value="長崎県">長崎県
<option value="鹿児島県">鹿児島県
<option value="沖縄県">沖縄県 </option></select>
<input name="d_addr" type="text" value="" size=56 class=zin></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">TEL<font size=2>(発送先)</span></td>
<td bgcolor="#fff5ee"><input name="d_tel" type="text" value="" size=20 class=hin></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">E-MAIL<font size=2>(発送先)</span></td>
<td bgcolor="#fff5ee"><input name="d_email" type="text" value="" size=60 class=hin></td>
</tr>
<tr>
<td width="17%" bgcolor="#ffc0cb" nowrap> <span style="font-size:12pt">コメント</span></td>
<td bgcolor="#fff5ee"><font size=2>このご注文についてコメントがありましたらお書きください。</font><br>
<textarea name="comment" cols="50" rows="5" wrap="soft" class=zin></textarea></td>
</tr>
<tr>
<td colspan=2><font size=2><font color=red><sup>*</sup></font>項目は必ずご記入をお願いします。</td>
</tr>
</table>
<input type="hidden" name="preview" value="1"> ※4
<input type="hidden" name="save" value="1"> ※5
<input type="hidden" name="mini" value="002"> ※6
<input type="hidden" name="fini" value="002"> ※7
<input type="hidden" name="nextp" value="-"> ※8
<input type="submit" name="c:kakunin" value=" 注文する " onclick="return keisan(1)">
<input type="submit" name="c:allcancel" value="注文をやめる">
</form>
</body>
</html>
※1 送料を自動計算する送料区分です。
この例では注文品代合計金額 1万円未満 700円、1万円以上 500円、2万円以上 300円、3万円以上 無料
※2 代引手数料を自動計算する手数料区分です。
この例では注文品代と送料の合計が 3万円未満 300円、3万円以上 500円
※3 ここに商品データが取り込まれます。
赤字部分は1商品分(1行)で商品数分繰り返してデータが取り込まれます。
※4 確認ページを表示するか否か指定します。(表示しないときは 0 にします)
※5 このフォームのデータをファイルに保存するか否か指定します。(保存しないときは 0 にします)
※6 このフォームに適用する「メール設定」番号を指定します。
※7 このフォームの「項目設定」番号を指定します。
※8 受注完了後に表示するファイルがある場合はそのパスを指定します。特に指定しない場合は "-" とします。