source: branches/version-2_5-dev/data/Smarty/templates/default/shopping/nonmember_input.tpl @ 20564

Revision 20564, 19.7 KB checked in by kimoto, 11 years ago (diff)

テンプレの単純なミス スマホにあわせてhtml_radiosを使うように修正 #1080

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
  • Property svn:mime-type set to text/x-smarty-template; charset=UTF-8
Line 
1<!--{*
2 * This file is part of EC-CUBE
3 *
4 * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved.
5 *
6 * http://www.lockon.co.jp/
7 *
8 * This program is free software; you can redistribute it and/or
9 * modify it under the terms of the GNU General Public License
10 * as published by the Free Software Foundation; either version 2
11 * of the License, or (at your option) any later version.
12 *
13 * This program is distributed in the hope that it will be useful,
14 * but WITHOUT ANY WARRANTY; without even the implied warranty of
15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16 * GNU General Public License for more details.
17 *
18 * You should have received a copy of the GNU General Public License
19 * along with this program; if not, write to the Free Software
20 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
21 *}-->
22<!--▼CONTENTS-->
23<div id="undercolumn">
24    <div id="undercolumn_customer">
25        <p class="flow_area"><img src="<!--{$TPL_URLPATH}-->img/picture/img_flow_01.jpg" alt="購入手続きの流れ" /></p>
26        <h2 class="title"><!--{$tpl_title|h}--></h2>
27
28        <div id="address_area" class="clearfix">
29                <div class="information">
30                                <p>下記項目にご入力ください。「<span class="attention">※</span>」印は入力必須項目です。<br />
31                入力後、一番下の「次へ」ボタンをクリックしてください。</p>
32                </div>
33                <div class="add_multiple">
34                        <p>この商品を複数の<br />お届け先に送りますか?</p>
35                <a href="javascript:;" onclick="fnModeSubmit('multiple', '', ''); return false" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_several_address_on.jpg','several');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_several_address.jpg','several');"><img src="<!--{$TPL_URLPATH}-->img/button/btn_several_address.jpg" alt="お届け先を複数指定する" name="several" id="several" /></a>
36                </div>
37        </div>
38
39        <form name="form1" id="form1" method="post" action="?">
40        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
41        <input type="hidden" name="mode" value="nonmember_confirm" />
42        <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
43        <table summary=" ">
44            <tr>
45                <th>お名前<span class="attention">※</span></th>
46                <td>
47                    <!--{assign var=key1 value="order_name01"}-->
48                    <!--{assign var=key2 value="order_name02"}-->
49                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
50                    姓&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />&nbsp;
51                    名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
52                </td>
53            </tr>
54            <tr>
55                <th>お名前(フリガナ)<span class="attention">※</span></th>
56                <td>
57                    <!--{assign var=key1 value="order_kana01"}-->
58                    <!--{assign var=key2 value="order_kana02"}-->
59                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
60                    セイ&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />&nbsp;
61                    メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
62                </td>
63            </tr>
64            <tr>
65                <th>郵便番号<span class="attention">※</span></th>
66                <td>
67                    <!--{assign var=key1 value="order_zip01"}-->
68                    <!--{assign var=key2 value="order_zip02"}-->
69                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
70                    <p class="top">〒&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />&nbsp;-&nbsp;    <input type="text"    name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> 
71                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a></p>
72
73                    <p class="zipimg"><a href="<!--{$smarty.const.ROOT_URLPATH}-->address/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'order_zip01', 'order_zip02', 'order_pref', 'order_addr01'); return false;" target="_blank"><img src="<!--{$TPL_URLPATH}-->img/button/btn_address_input.jpg" alt="住所自動入力" /></a>
74                        <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
75                </td>
76            </tr>
77            <tr>
78                <th>住所<span class="attention">※</span></th>
79                <td>
80                    <!--{assign var=key value="order_pref"}-->
81                    <span class="attention"><!--{$arrErr.order_pref}--><!--{$arrErr.order_addr01}--><!--{$arrErr.order_addr02}--></span>
82                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
83                        <option value="">都道府県を選択</option>
84                        <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
85                    </select>
86                    <p>
87                        <!--{assign var=key value="order_addr01"}-->
88                        <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
89                        <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
90                    <p>
91                        <!--{assign var=key value="order_addr02"}-->
92                        <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
93                        <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
94                    <p class="mini"><span class="attention">住所は2つに分けてご記入ください。マンション名は必ず記入してください。</span></p></td>
95            </tr>
96            <tr>
97                <th>電話番号<span class="attention">※</span></th>
98                <td>
99                    <!--{assign var=key1 value="order_tel01"}-->
100                    <!--{assign var=key2 value="order_tel02"}-->
101                    <!--{assign var=key3 value="order_tel03"}-->
102                    <span class="attention"><!--{$arrErr[$key1]}--></span>
103                    <span class="attention"><!--{$arrErr[$key2]}--></span>
104                    <span class="attention"><!--{$arrErr[$key3]}--></span>
105                    <input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
106                    <input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"    class="box60" /> -
107                    <input type="text" name="<!--{$key3}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />
108                </td>
109            </tr>
110            <tr>
111                <th>FAX</th>
112                <td>
113                    <!--{assign var=key1 value="order_fax01"}-->
114                    <!--{assign var=key2 value="order_fax02"}-->
115                    <!--{assign var=key3 value="order_fax03"}-->
116                    <span class="attention"><!--{$arrErr[$key1]}--></span>
117                    <span class="attention"><!--{$arrErr[$key2]}--></span>
118                    <span class="attention"><!--{$arrErr[$key3]}--></span>
119                    <input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
120                    <input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"    class="box60" /> -
121                    <input type="text" name="<!--{$key3}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />
122                </td>
123            </tr>
124            <tr>
125                <th>メールアドレス<span class="attention">※</span></th>
126                <td>
127                    <!--{assign var=key value="order_email"}-->
128                    <span class="attention"><!--{$arrErr[$key]}--></span>
129                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: disabled;" class="box380 top" /><br />
130                    <!--{assign var=key value="order_email02"}-->
131                    <span class="attention"><!--{$arrErr[$key]}--></span>
132                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: disabled;" class="box380" /><br />
133                    <p class="mini"><span class="attention">確認のため2度入力してください。</span></p>
134                </td>
135            </tr>
136            <tr>
137                <th>性別<span class="attention">※</span></th>
138                <td>
139                    <!--{assign var=key value="order_sex"}-->
140                    <!--{if $arrErr[$key]}-->
141                        <div class="attention"><!--{$arrErr[$key]}--></div>
142                    <!--{/if}-->
143                    <span style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
144                        <!--{html_radios name="$key" options=$arrSex selected=$arrForm[$key].value style="$err" label_ids=true}-->
145                    </span>
146                </td>
147            </tr>
148            <tr>
149                <th>職業</th>
150                <td>
151                    <!--{assign var=key value="order_job"}-->
152                    <!--{if $arrErr[$key]}-->
153                        <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
154                    <!--{/if}-->
155                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
156                        <option value="">選択して下さい</option>
157                        <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
158                    </select>
159                </td>
160            </tr>
161            <tr>
162                <th>生年月日</th>
163                <td>
164                    <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
165                    <span class="attention"><!--{$errBirth}--></span>
166                    <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->">
167                        <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
168                    </select>年
169                    <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->">
170                        <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
171                    </select>月
172                    <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->">
173                        <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
174                    </select>日
175                </td>
176            </tr>
177            <tr>
178                <th colspan="2">
179                <!--{assign var=key value="deliv_check"}-->
180                <input type="checkbox" name="<!--{$key}-->" value="1" onclick="fnCheckInputDeliv();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />
181                <label for="deliv_label"><span class="attention">お届け先を指定</span> ※上記に入力された住所と同一の場合は省略可能です。</label>
182                </th>
183            </tr>
184            <tr>
185                <th>お名前<span class="attention">※</span></th>
186                <td>
187                    <!--{assign var=key1 value="shipping_name01"}-->
188                    <!--{assign var=key2 value="shipping_name02"}-->
189                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
190                    姓&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />&nbsp;
191                    名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
192                </td>
193            </tr>
194            <tr>
195                <th>お名前(フリガナ)<span class="attention">※</span></th>
196                <td>
197                    <!--{assign var=key1 value="shipping_kana01"}-->
198                    <!--{assign var=key2 value="shipping_kana02"}-->
199                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
200                    セイ&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />&nbsp;
201                    メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
202                </td>
203            </tr>
204            <tr>
205                <th>郵便番号<span class="attention">※</span></th>
206                <td>
207                <!--{assign var=key1 value="shipping_zip01"}-->
208                <!--{assign var=key2 value="shipping_zip02"}-->
209                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
210                    <p class="top">〒&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;"    class="box60" />&nbsp;-&nbsp;    <input type="text"    name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> 
211                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a></p>
212
213                    <p class="zipimg"><a href="<!--{$smarty.const.ROOT_URLPATH}-->address/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'shipping_zip01', 'shipping_zip02', 'shipping_pref', 'shipping_addr01'); return false;" target="_blank"><img src="<!--{$TPL_URLPATH}-->img/button/btn_address_input.jpg" alt="住所自動入力" /></a>
214                        <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
215                </td>
216            </tr>
217            <tr>
218                <th>住所<span class="attention">※</span></th>
219                <td>
220                    <!--{assign var=key value="shipping_pref"}-->
221                    <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
222                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
223                        <option value="">都道府県を選択</option>
224                        <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
225                    </select>
226                    <p>
227                        <!--{assign var=key value="shipping_addr01"}-->
228                        <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
229                        <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
230                    <p>
231                        <!--{assign var=key value="shipping_addr02"}-->
232                        <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
233                        <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
234                    <p class="mini"><span class="attention">住所は2つに分けてご記入ください。マンション名は必ず記入してください。</span></p>
235
236                </td>
237            </tr>
238            <tr>
239                <th>電話番号<span class="attention">※</span></th>
240                <td>
241                    <!--{assign var=key1 value="shipping_tel01"}-->
242                    <!--{assign var=key2 value="shipping_tel02"}-->
243                    <!--{assign var=key3 value="shipping_tel03"}-->
244                    <span class="attention"><!--{$arrErr[$key1]}--></span>
245                    <span class="attention"><!--{$arrErr[$key2]}--></span>
246                    <span class="attention"><!--{$arrErr[$key3]}--></span>
247                    <input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
248                    <input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"    class="box60" /> -
249                    <input type="text" name="<!--{$key3}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />
250                </td>
251            </tr>
252        </table>
253
254        <div class="btn_area">
255            <ul>
256                <li>
257                    <input type="image" onmouseover="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_next_on.jpg',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_next.jpg',this)" src="<!--{$TPL_URLPATH}-->img/button/btn_next.jpg" alt="次へ" name="next" id="next" />
258                </li>
259            </ul>
260        </div>
261
262        </form>
263    </div>
264</div>
265<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.