source: branches/version-2_13-dev/data/Smarty/templates/sphone/shopping/nonmember_input.tpl @ 23002

Revision 23002, 20.3 KB checked in by Yammy, 11 years ago (diff)

スマートフォンテンプレート下部にある検索エリアを
共通テンプレート化して、includeするように修正

refs #2257

  • 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-2013 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>は必須入力項目です。
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>お名前&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="姓" />&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="名"/>
70            </dd>
71
72            <dt>お名前(フリガナ)&nbsp;<span class="attention">※</span></dt>
73            <dd>
74                <!--{assign var=key1 value="order_kana01"}-->
75                <!--{assign var=key2 value="order_kana02"}-->
76                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
77                <input type="text" name="<!--{$key1}-->"
78                    value="<!--{$arrForm[$key1].value|h}-->"
79                    maxlength="<!--{$arrForm[$key1].length}-->"
80                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
81                    class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
82                <input type="text" name="<!--{$key2}-->"
83                    value="<!--{$arrForm[$key2].value|h}-->"
84                    maxlength="<!--{$arrForm[$key2].length}-->"
85                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
86                    class="boxHarf text data-role-none" placeholder="メイ"/>
87            </dd>
88
89            <dt>郵便番号&nbsp;<span class="attention">※</span></dt>
90            <dd>
91                <!--{assign var=key1 value="order_zip01"}-->
92                <!--{assign var=key2 value="order_zip02"}-->
93                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
94                <p>
95                    <input type="tel" name="<!--{$key1}-->"
96                        value="<!--{$arrForm[$key1].value|h}-->"
97                        maxlength="<!--{$arrForm[$key1].length}-->"
98                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp;
99                    <input type="tel" name="<!--{$key2}-->"
100                        value="<!--{$arrForm[$key2].value|h}-->"
101                        maxlength="<!--{$arrForm[$key2].length}-->"
102                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
103                    <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fn">郵便番号検索</span></a>
104                </p>
105
106                <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'order_zip01', 'order_zip02', 'order_pref', 'order_addr01');" class="btn_sub btn_inputzip">郵便番号から住所自動入力</a>
107            </dd>
108
109            <dt>住所&nbsp;<span class="attention">※</span></dt>
110            <dd>
111                <!--{assign var=key value="order_pref"}-->
112                <span class="attention"><!--{$arrErr.order_pref}--><!--{$arrErr.order_addr01}--><!--{$arrErr.order_addr02}--></span>
113                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxHarf top data-role-none">
114                    <option value="" selected="selected">都道府県</option>
115                    <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
116                </select>
117                <!--{assign var=key value="order_addr01"}-->
118                <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong top data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="市区町村名" />
119                    <!--{assign var=key value="order_addr02"}-->
120                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="番地・ビル名" />
121            </dd>
122
123            <dt>電話番号&nbsp;<span class="attention">※</span></dt>
124            <dd>
125                <!--{assign var=key1 value="order_tel01"}-->
126                <!--{assign var=key2 value="order_tel02"}-->
127                <!--{assign var=key3 value="order_tel03"}-->
128                <span class="attention"><!--{$arrErr[$key1]}--></span>
129                <span class="attention"><!--{$arrErr[$key2]}--></span>
130                <span class="attention"><!--{$arrErr[$key3]}--></span>
131                <input type="tel" name="<!--{$key1}-->"
132                    value="<!--{$arrForm[$key1].value|h}-->"
133                    maxlength="<!--{$arrForm[$key1].length}-->"
134                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
135                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
136                <input type="tel" name="<!--{$key2}-->"
137                    value="<!--{$arrForm[$key2].value|h}-->"
138                    maxlength="<!--{$arrForm[$key2].length}-->"
139                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
140                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
141                <input type="tel" name="<!--{$key3}-->"
142                    value="<!--{$arrForm[$key3].value|h}-->"
143                    maxlength="<!--{$arrForm[$key3].length}-->"
144                    style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
145                    class="boxShort text data-role-none" />
146            </dd>
147
148            <dt>FAX</dt>
149            <dd>
150                <!--{assign var=key1 value="order_fax01"}-->
151                <!--{assign var=key2 value="order_fax02"}-->
152                <!--{assign var=key3 value="order_fax03"}-->
153                <span class="attention"><!--{$arrErr[$key1]}--></span>
154                <span class="attention"><!--{$arrErr[$key2]}--></span>
155                <span class="attention"><!--{$arrErr[$key3]}--></span>
156                <input type="tel" name="<!--{$key1}-->"
157                    value="<!--{$arrForm[$key1].value|h}-->"
158                    maxlength="<!--{$arrForm[$key1].length}-->"
159                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
160                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
161                <input type="tel" name="<!--{$key2}-->"
162                    value="<!--{$arrForm[$key2].value|h}-->"
163                    maxlength="<!--{$arrForm[$key2].length}-->"
164                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
165                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
166                <input type="tel" name="<!--{$key3}-->"
167                    value="<!--{$arrForm[$key3].value|h}-->"
168                    maxlength="<!--{$arrForm[$key3].length}-->"
169                    style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
170                    class="boxShort text data-role-none" />
171            </dd>
172
173            <dt>メールアドレス&nbsp;<span class="attention">※</span></dt>
174            <dd>
175                <!--{assign var=key value="order_email"}-->
176                <span class="attention"><!--{$arrErr[$key]}--></span>
177                <input type="email" name="<!--{$key}-->"
178                    value="<!--{$arrForm[$key].value|h}-->"
179                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
180                    maxlength="<!--{$arrForm[$key].length}-->" class="boxLong top data-role-none" />
181                <!--{assign var=key value="order_email02"}-->
182                <span class="attention"><!--{$arrErr[$key]}--></span>
183                <input type="email" name="<!--{$key}-->"
184                    value="<!--{$arrForm[$key].value|h}-->"
185                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
186                    maxlength="<!--{$arrForm[$key].length}-->" class="boxLong data-role-none" placeholder="確認のため2回入力してください" />
187            </dd>
188
189            <dt>性別&nbsp;<span class="attention">※</span></dt>
190            <dd>
191                <!--{assign var=key value="order_sex"}-->
192                <span class="attention"><!--{$arrErr[$key]}--></span>
193                <!--{if $arrErr[$key]}-->
194                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
195                <!--{/if}-->
196                <p style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
197                    <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">男性</label>&nbsp;&nbsp;
198                    <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">女性</label>
199                </p>
200            </dd>
201
202            <dt>職業</dt>
203            <dd>
204                <!--{assign var=key value="order_job"}-->
205                <!--{if $arrErr[$key]}-->
206                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
207                <!--{/if}-->
208                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxLong data-role-none">
209                    <option value="" selected="selected">選択してください</option>
210                    <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
211                </select>
212            </dd>
213
214            <dt>生年月日</dt>
215            <dd>
216                <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
217                <div class="attention"><!--{$errBirth}--></div>
218                <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
219                    <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
220                </select><span class="selectdate">年</span>
221
222                <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
223                    <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
224                </select><span class="selectdate">月</span>
225
226                <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
227                    <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
228                </select><span class="selectdate">日</span>
229            </dd>
230
231            <dt class="bg_head">
232                <!--{assign var=key value="deliv_check"}-->
233                <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" />
234                <label for="deliv_label"><span class="fb">お届け先を指定</span></label>
235            </dt>
236            <dd>
237                <br />※上記に入力された住所と同一の場合は省略可能です。
238            </dd>
239
240            <div id="add_deliv_area">
241                <dt>お名前&nbsp;<span class="attention">※</span></dt>
242                <dd>
243                    <!--{assign var=key1 value="shipping_name01"}-->
244                    <!--{assign var=key2 value="shipping_name02"}-->
245                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
246                    <input type="text" name="<!--{$key1}-->"
247                        value="<!--{$arrForm[$key1].value|h}-->"
248                        maxlength="<!--{$arrForm[$key1].length}-->"
249                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
250                        class="boxHarf text data-role-none" placeholder="姓" />&nbsp;&nbsp;
251                    <input type="text" name="<!--{$key2}-->"
252                        value="<!--{$arrForm[$key2].value|h}-->"
253                        maxlength="<!--{$arrForm[$key2].length}-->"
254                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
255                        class="boxHarf text data-role-none" placeholder="名"/>
256                </dd>
257
258                <dt>フリガナ&nbsp;<span class="attention">※</span></dt>
259                <dd>
260                    <!--{assign var=key1 value="shipping_kana01"}-->
261                    <!--{assign var=key2 value="shipping_kana02"}-->
262                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
263                    <input type="text" name="<!--{$key1}-->"
264                        value="<!--{$arrForm[$key1].value|h}-->"
265                        maxlength="<!--{$arrForm[$key1].length}-->"
266                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
267                        class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
268                    <input type="text" name="<!--{$key2}-->"
269                        value="<!--{$arrForm[$key2].value|h}-->"
270                        maxlength="<!--{$arrForm[$key2].length}-->"
271                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
272                        class="boxHarf text data-role-none" placeholder="メイ"/>
273                </dd>
274
275                <dt>郵便番号&nbsp;<span class="attention">※</span></dt>
276                <dd>
277                    <!--{assign var=key1 value="shipping_zip01"}-->
278                    <!--{assign var=key2 value="shipping_zip02"}-->
279                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
280                    <p>
281                        <input type="tel" name="<!--{$key1}-->"
282                            value="<!--{$arrForm[$key1].value|h}-->"
283                            maxlength="<!--{$arrForm[$key1].length}-->"
284                            style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp;
285                        <input type="tel" name="<!--{$key2}-->"
286                            value="<!--{$arrForm[$key2].value|h}-->"
287                            maxlength="<!--{$arrForm[$key2].length}-->"
288                            style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
289                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fn">郵便番号検索</span></a>
290                    </p>
291
292                    <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'shipping_zip01', 'shipping_zip02', 'shipping_pref', 'shipping_addr01');" class="btn_sub btn_inputzip">郵便番号から住所自動入力</a>
293                </dd>
294
295                <dt>住所&nbsp;<span class="attention">※</span></dt>
296                <dd>
297                    <!--{assign var=key value="shipping_pref"}-->
298                    <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
299                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxHarf top data-role-none">
300                        <option value="" selected="selected">都道府県</option>
301                        <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
302                    </select>
303                    <!--{assign var=key value="shipping_addr01"}-->
304                    <input type="text" name="<!--{$key}-->"
305                        value="<!--{$arrForm[$key].value|h}-->"
306                        class="boxLong top data-role-none"
307                        style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
308                        placeholder="市区町村名" />
309                    <!--{assign var=key value="shipping_addr02"}-->
310                    <input type="text" name="<!--{$key}-->"
311                        value="<!--{$arrForm[$key].value|h}-->"
312                        class="boxLong data-role-none"
313                        style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
314                        placeholder="番地・ビル名" />
315                </dd>
316
317                <dt>電話番号&nbsp;<span class="attention">※</span></dt>
318                <dd>
319                    <!--{assign var=key1 value="shipping_tel01"}-->
320                    <!--{assign var=key2 value="shipping_tel02"}-->
321                    <!--{assign var=key3 value="shipping_tel03"}-->
322                    <span class="attention"><!--{$arrErr[$key1]}--></span>
323                    <span class="attention"><!--{$arrErr[$key2]}--></span>
324                    <span class="attention"><!--{$arrErr[$key3]}--></span>
325                    <input type="tel" name="<!--{$key1}-->"
326                        value="<!--{$arrForm[$key1].value|h}-->"
327                        maxlength="<!--{$arrForm[$key1].length}-->"
328                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
329                        class="boxShort text data-role-none" />&nbsp;-&nbsp;
330                    <input type="tel" name="<!--{$key2}-->"
331                        value="<!--{$arrForm[$key2].value|h}-->"
332                        maxlength="<!--{$arrForm[$key2].length}-->"
333                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
334                        class="boxShort text data-role-none" />&nbsp;-&nbsp;
335                    <input type="tel" name="<!--{$key3}-->"
336                        value="<!--{$arrForm[$key3].value|h}-->"
337                        maxlength="<!--{$arrForm[$key3].length}-->"
338                        style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
339                        class="boxShort text data-role-none" />
340                </dd>
341                <!--{if $smarty.const.USE_MULTIPLE_SHIPPING !== false}-->
342                    <dd class="pb">
343                        <a class="btn_more" href="javascript:fnModeSubmit('multiple', '', '');">お届け先を複数指定する</a>
344                    </dd>
345                <!--{/if}-->
346            </div>
347
348            <div class="btn_area">
349                <p><input type="submit" value="次へ" class="btn data-role-none" alt="次へ" name="next" id="next" /></p>
350            </div>
351        </dl>
352    </form>
353</section>
354
355<!--{include file= 'frontparts/search_area.tpl'}-->
356
357<!--▲コンテンツここまで -->
Note: See TracBrowser for help on using the repository browser.