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

Revision 21294, 20.1 KB checked in by shutta, 12 years ago (diff)

refs #1513
スマートフォンの郵便番号入力部分のinput typeの指定をnumberからtelに変更。

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