source: branches/version-2_12-multilang/data/Smarty/templates/sphone_en-US/shopping/nonmember_input.tpl @ 22289

Revision 22289, 20.3 KB checked in by h_yoshimoto, 11 years ago (diff)

#1998 対応漏れ
Line 
1<!--{*
2 * This file is part of EC-CUBE
3 *
4 * Copyright(c) 2000-2012 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
23<script type="text/javascript">//<![CDATA[
24    $(function(){
25        //お届け先エリアを非表示にする（初期値）
26        if ('1' != '<!--{$arrForm.deliv_check.value}-->') {
27            $("#add_deliv_area").hide();
28        }
29    });
30    //お届け先エリアの表示/非表示
31    var speed = 1000; //表示アニメのスピード（ミリ秒）
32    var stateDeliv = 1;
33    function fnDelivToggle(areaEl) {
34        areaEl.toggle(speed);
35        if (stateDeliv == 0) {
36            stateDeliv = 1;
37        } else {
38            stateDeliv = 0
39        }
40    }
41//]]></script>
42
43<section id="undercolumn">
44    <h2 class="title"><!--{$tpl_title|h}--></h2>
45    <div class="information end">
46        <span class="attention">*</span> is an item that require input.
47    </div>
48
49    <form name="form1" id="form1" method="post" action="?">
50        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
51        <input type="hidden" name="mode" value="nonmember_confirm" />
52        <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
53
54        <dl class="form_entry">
55            <dt>Name&nbsp;<span class="attention">*</span></dt>
56            <dd>
57                <!--{assign var=key1 value="order_name01"}-->
58                <!--{assign var=key2 value="order_name02"}-->
59                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
60                <input type="text" name="<!--{$key1}-->"
61                    value="<!--{$arrForm[$key1].value|h}-->"
62                    maxlength="<!--{$arrForm[$key1].length}-->"
63                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
64                    class="boxHarf text data-role-none" placeholder="Last name" />&nbsp;&nbsp;
65                <input type="text" name="<!--{$key2}-->"
66                    value="<!--{$arrForm[$key2].value|h}-->"
67                    maxlength="<!--{$arrForm[$key2].length}-->"
68                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
69                    class="boxHarf text data-role-none" placeholder="Name"/>
70            </dd>
71
72            <dt>Postal code&nbsp;<span class="attention">*</span></dt>
73            <dd>
74                <!--{* <!--{assign var=key1 value="order_zip01"}--> *}-->
75                <!--{* <!--{assign var=key2 value="order_zip02"}--> *}-->
76                <!--{assign var=key1 value="order_zipcode"}-->
77
78                <!--{* <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span> *}-->
79                <span class="attention"><!--{$arrErr[$key1]}--></span>
80
81                <p>
82                    <!--{*
83                    <input type="tel" name="<!--{$key1}-->"
84                        value="<!--{$arrForm[$key1].value|h}-->"
85                        max="<!--{$arrForm[$key1].length}-->"
86                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp;
87                    <input type="tel" name="<!--{$key2}-->"
88                        value="<!--{$arrForm[$key2].value|h}-->"
89                        max="<!--{$arrForm[$key2].length}-->"
90                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp; *}-->
91                    <input type="tel" name="<!--{$key1}-->"
92                        value="<!--{$arrForm[$key1].value|h}-->"
93                        max="<!--{$arrForm[$key1].length}-->"
94                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
95                    <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fn">Postal code search</span></a>
96                </p>
97
98                <!--{* <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'order_zip01', 'order_zip02', 'order_pref', 'order_addr01');" class="btn_sub btn_inputzip">Automatic address input from postal code</a> *}-->
99            </dd>
100
101            <dt>Address&nbsp;<span class="attention">*</span></dt>
102            <dd>
103                <!--{assign var=key value="order_addr01"}-->
104                <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong top data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="Municipality name" />
105                    <!--{assign var=key value="order_addr02"}-->
106                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="House number/building name" />
107            </dd>
108
109            <dt>Telephone number&nbsp;<span class="attention">*</span></dt>
110            <dd>
111                <!--{assign var=key1 value="order_tel01"}-->
112                <!--{assign var=key2 value="order_tel02"}-->
113                <!--{assign var=key3 value="order_tel03"}-->
114                <span class="attention"><!--{$arrErr[$key1]}--></span>
115                <span class="attention"><!--{$arrErr[$key2]}--></span>
116                <span class="attention"><!--{$arrErr[$key3]}--></span>
117                <input type="tel" name="<!--{$key1}-->"
118                    value="<!--{$arrForm[$key1].value|h}-->"
119                    maxlength="<!--{$arrForm[$key1].length}-->"
120                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
121                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
122                <input type="tel" name="<!--{$key2}-->"
123                    value="<!--{$arrForm[$key2].value|h}-->"
124                    maxlength="<!--{$arrForm[$key2].length}-->"
125                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
126                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
127                <input type="tel" name="<!--{$key3}-->"
128                    value="<!--{$arrForm[$key3].value|h}-->"
129                    maxlength="<!--{$arrForm[$key3].length}-->"
130                    style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
131                    class="boxShort text data-role-none" />
132            </dd>
133
134            <dt>FAX</dt>
135            <dd>
136                <!--{assign var=key1 value="order_fax01"}-->
137                <!--{assign var=key2 value="order_fax02"}-->
138                <!--{assign var=key3 value="order_fax03"}-->
139                <span class="attention"><!--{$arrErr[$key1]}--></span>
140                <span class="attention"><!--{$arrErr[$key2]}--></span>
141                <span class="attention"><!--{$arrErr[$key3]}--></span>
142                <input type="tel" name="<!--{$key1}-->"
143                    value="<!--{$arrForm[$key1].value|h}-->"
144                    maxlength="<!--{$arrForm[$key1].length}-->"
145                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
146                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
147                <input type="tel" name="<!--{$key2}-->"
148                    value="<!--{$arrForm[$key2].value|h}-->"
149                    maxlength="<!--{$arrForm[$key2].length}-->"
150                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
151                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
152                <input type="tel" name="<!--{$key3}-->"
153                    value="<!--{$arrForm[$key3].value|h}-->"
154                    maxlength="<!--{$arrForm[$key3].length}-->"
155                    style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
156                    class="boxShort text data-role-none" />
157            </dd>
158
159            <dt>E-mail address&nbsp;<span class="attention">*</span></dt>
160            <dd>
161                <!--{assign var=key value="order_email"}-->
162                <span class="attention"><!--{$arrErr[$key]}--></span>
163                <input type="email" name="<!--{$key}-->"
164                    value="<!--{$arrForm[$key].value|h}-->"
165                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
166                    maxlength="<!--{$arrForm[$key].length}-->" class="boxLong top data-role-none" />
167                <!--{assign var=key value="order_email02"}-->
168                <span class="attention"><!--{$arrErr[$key]}--></span>
169                <input type="email" name="<!--{$key}-->"
170                    value="<!--{$arrForm[$key].value|h}-->"
171                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
172                    maxlength="<!--{$arrForm[$key].length}-->" class="boxLong data-role-none" placeholder="Input twice for confirmation" />
173            </dd>
174
175            <dt>Gender&nbsp;<span class="attention">*</span></dt>
176            <dd>
177                <!--{assign var=key value="order_sex"}-->
178                <span class="attention"><!--{$arrErr[$key]}--></span>
179                <!--{if $arrErr[$key]}-->
180                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
181                <!--{/if}-->
182                <p style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
183                    <input type="radio" id="man" name="<!--{$key}-->" value="1" <!--{if $arrForm[$key].value eq 1}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="man">Male</label>&nbsp;&nbsp;
184                    <input type="radio" id="woman" name="<!--{$key}-->" value="2" <!--{if $arrForm[$key].value eq 2}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="woman">Female</label>
185                </p>
186            </dd>
187
188            <dt>Occupation</dt>
189            <dd>
190                <!--{assign var=key value="order_job"}-->
191                <!--{if $arrErr[$key]}-->
192                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
193                <!--{/if}-->
194                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxLong data-role-none">
195                    <option value="" selected="selected">Please make a selection</option>
196                    <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
197                </select>
198            </dd>
199
200            <dt>Date of birth</dt>
201            <dd>
202                <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
203                <div class="attention"><!--{$errBirth}--></div>
204                <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
205                    <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
206                </select><span class="selectdate">年</span>
207
208                <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
209                    <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
210                </select><span class="selectdate">月</span>
211
212                <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
213                    <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
214                </select><span class="selectdate">日</span>
215            </dd>
216
217            <dt class="bg_head">
218                <!--{assign var=key value="deliv_check"}-->
219                <input class="radio_btn data-role-none" type="checkbox" name="<!--{$key}-->" value="1" onchange="fnDelivToggle($('#add_deliv_area')); fnCheckInputDeliv();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />
220                <label for="deliv_label"><span class="fb">Designation of delivery destination</span></label>
221            </dt>
222            <dd>
223                <br />* If the address is the same as the one input above, it can be omitted.
224            </dd>
225
226            <div id="add_deliv_area">
227                <dt>Name&nbsp;<span class="attention">*</span></dt>
228                <dd>
229                    <!--{assign var=key1 value="shipping_name01"}-->
230                    <!--{assign var=key2 value="shipping_name02"}-->
231                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
232                    <input type="text" name="<!--{$key1}-->"
233                        value="<!--{$arrForm[$key1].value|h}-->"
234                        maxlength="<!--{$arrForm[$key1].length}-->"
235                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
236                        class="boxHarf text data-role-none" placeholder="Last name" />&nbsp;&nbsp;
237                    <input type="text" name="<!--{$key2}-->"
238                        value="<!--{$arrForm[$key2].value|h}-->"
239                        maxlength="<!--{$arrForm[$key2].length}-->"
240                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
241                        class="boxHarf text data-role-none" placeholder="Name"/>
242                </dd>
243
244                <dt>フリガナ&nbsp;<span class="attention">*</span></dt>
245                <dd>
246                    <!--{assign var=key1 value="shipping_kana01"}-->
247                    <!--{assign var=key2 value="shipping_kana02"}-->
248                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
249                    <input type="text" name="<!--{$key1}-->"
250                        value="<!--{$arrForm[$key1].value|h}-->"
251                        maxlength="<!--{$arrForm[$key1].length}-->"
252                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
253                        class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
254                    <input type="text" name="<!--{$key2}-->"
255                        value="<!--{$arrForm[$key2].value|h}-->"
256                        maxlength="<!--{$arrForm[$key2].length}-->"
257                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
258                        class="boxHarf text data-role-none" placeholder="メイ"/>
259                </dd>
260
261                <dt>Postal code&nbsp;<span class="attention">*</span></dt>
262                <dd>
263                    <!--{* <!--{assign var=key1 value="shipping_zip01"}--> *}-->
264                    <!--{* <!--{assign var=key2 value="shipping_zip02"}--> *}-->
265                    <!--{assign var=key1 value="shipping_zipcode"}-->
266
267                    <!--{* <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span> *}-->
268                    <span class="attention"><!--{$arrErr[$key1]}--></span>
269
270                    <p>
271                        <!--{*
272                        <input type="tel" name="<!--{$key1}-->"
273                            value="<!--{$arrForm[$key1].value|h}-->"
274                            max="<!--{$arrForm[$key1].length}-->"
275                            style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp;
276                        <input type="tel" name="<!--{$key2}-->"
277                            value="<!--{$arrForm[$key2].value|h}-->"
278                            max="<!--{$arrForm[$key2].length}-->"
279                            style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
280                        *}-->
281                        <input type="tel" name="<!--{$key1}-->"
282                            value="<!--{$arrForm[$key1].value|h}-->"
283                            max="<!--{$arrForm[$key1].length}-->"
284                            style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
285                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fn">Postal code search</span></a>
286                    </p>
287
288                    <!--{* <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'shipping_zip01', 'shipping_zip02', 'shipping_pref', 'shipping_addr01');" class="btn_sub btn_inputzip">Automatic address input from postal code</a> *}-->
289                </dd>
290
291                <dt>Address&nbsp;<span class="attention">*</span></dt>
292                <dd>
293                    <!--{assign var=key value="shipping_pref"}-->
294                    <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
295                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxHarf top data-role-none">
296                        <option value="" selected="selected">Prefecture</option>
297                        <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
298                    </select>
299                    <!--{assign var=key value="shipping_addr01"}-->
300                    <input type="text" name="<!--{$key}-->"
301                        value="<!--{$arrForm[$key].value|h}-->"
302                        class="boxLong top data-role-none"
303                        style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
304                        placeholder="Municipality name" />
305                    <!--{assign var=key value="shipping_addr02"}-->
306                    <input type="text" name="<!--{$key}-->"
307                        value="<!--{$arrForm[$key].value|h}-->"
308                        class="boxLong data-role-none"
309                        style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
310                        placeholder="House number/building name" />
311                </dd>
312
313                <dt>Telephone number&nbsp;<span class="attention">*</span></dt>
314                <dd>
315                    <!--{assign var=key1 value="shipping_tel01"}-->
316                    <!--{assign var=key2 value="shipping_tel02"}-->
317                    <!--{assign var=key3 value="shipping_tel03"}-->
318                    <span class="attention"><!--{$arrErr[$key1]}--></span>
319                    <span class="attention"><!--{$arrErr[$key2]}--></span>
320                    <span class="attention"><!--{$arrErr[$key3]}--></span>
321                    <input type="tel" name="<!--{$key1}-->"
322                        value="<!--{$arrForm[$key1].value|h}-->"
323                        maxlength="<!--{$arrForm[$key1].length}-->"
324                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
325                        class="boxShort text data-role-none" />&nbsp;-&nbsp;
326                    <input type="tel" name="<!--{$key2}-->"
327                        value="<!--{$arrForm[$key2].value|h}-->"
328                        maxlength="<!--{$arrForm[$key2].length}-->"
329                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
330                        class="boxShort text data-role-none" />&nbsp;-&nbsp;
331                    <input type="tel" name="<!--{$key3}-->"
332                        value="<!--{$arrForm[$key3].value|h}-->"
333                        maxlength="<!--{$arrForm[$key3].length}-->"
334                        style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
335                        class="boxShort text data-role-none" />
336                </dd>
337                <!--{if $smarty.const.USE_MULTIPLE_SHIPPING !== false}-->
338                    <dd class="pb">
339                        <a class="btn_more" href="javascript:fnModeSubmit('multiple', '', '');">Designate multiple delivery destinations</a>
340                    </dd>
341                <!--{/if}-->
342            </div>
343
344            <div class="btn_area">
345                <p><input type="submit" value="Next" class="btn data-role-none" alt="Next" name="next" id="next" /></p>
346            </div>
347        </dl>
348    </form>
349</section>
350
351<!--▼検索バー -->
352<section id="search_area">
353    <form method="get" action="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php">
354        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
355        <input type="hidden" name="mode" value="search" />
356        <input type="search" name="name" id="search" value="" placeholder="Input keyword" class="searchbox" >
357    </form>
358</section>
359<!--▲検索バー -->
360<!--▲コンテンツここまで -->
Note: See TracBrowser for help on using the repository browser.