Ignore:
Timestamp:
2011/07/27 13:49:38 (13 years ago)
Author:
468
Message:

#1413 スマートフォン版テンプレートファイル変更(HTML5対応)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_11-dev/data/Smarty/templates/sphone/contact/index.tpl

    r20764 r21050  
    2121 *}--> 
    2222<!--▼CONTENTS--> 
    23 <div id="undercolumn"> 
    24   <div id="undercolumn_contact"> 
     23<section id="undercolumn"> 
    2524    <h2 class="title"><!--{$tpl_title|h}--></h2> 
    26  
    27     <p>お問い合わせはメールにて承っています。<br /> 
    28     内容によっては回答をさしあげるのにお時間をいただくこともございます。また、土日、祝祭日、年末年始、夏期休暇期間は翌営業日以降の対応となりますのでご了承ください。</p> 
    29  
    30     <p class="mini"><em>※ご注文に関するお問い合わせには、必ず「ご注文番号」と「お名前」をご記入の上、メールくださいますようお願いいたします。</em></p> 
     25      <div class="intro"> 
     26        <p>ご意見やご質問をお受けしております。<br /> 
     27            休業日は翌営業日以降のご返信となりますのでご了承ください。</p> 
     28          </div> 
    3129 
    3230    <form name="form1" method="post" action="?"> 
    33     <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> 
    34     <input type="hidden" name="mode" value="confirm" /> 
     31      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> 
     32       <input type="hidden" name="mode" value="confirm" /> 
    3533 
    36     <table summary="お問い合わせ" class="entryform"> 
    37       <tr> 
    38         <th>お名前<span class="attention">※</span></th> 
    39         <td> 
    40           <span class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></span> 
    41           姓&nbsp;<input type="text" 
    42                          class="box120" 
    43                          name="name01" 
    44                          value="<!--{$arrForm.name01.value|default:$arrData.name01|h}-->" 
    45                          maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
    46                          style="<!--{$arrErr.name01|sfGetErrorColor}-->" />  
    47           名&nbsp;<input type="text" class="box120" name="name02" 
    48                          value="<!--{$arrForm.name02.value|default:$arrData.name02|h}-->" 
    49                          maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
    50                          style="<!--{$arrErr.name02|sfGetErrorColor}-->" /> 
    51         </td> 
    52       </tr> 
    53       <tr> 
    54         <th>お名前(フリガナ)<span class="attention">※</span></th> 
    55         <td> 
    56           <span class="attention"><!--{$arrErr.kana01}--><!--{$arrErr.kana02}--></span> 
    57           セイ&nbsp;<input type="text" 
    58                            class="box120" 
    59                            name="kana01" 
    60                            value="<!--{$arrForm.kana01.value|default:$arrData.kana01|h}-->" 
    61                            maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
    62                            style="<!--{$arrErr.kana01|sfGetErrorColor}-->" />  
    63           メイ&nbsp;<input type="text" 
    64                            class="box120" 
    65                            name="kana02" 
    66                            value="<!--{$arrForm.kana02.value|default:$arrData.kana02|h}-->" 
    67                            maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
    68                            style="<!--{$arrErr.kana02|sfGetErrorColor}-->" /> 
    69         </td> 
    70       </tr> 
    71       <tr> 
    72         <th>郵便番号</th> 
    73         <td> 
    74           <!--{assign var=key1 value="`$prefix`zip01"}--> 
    75           <!--{assign var=key2 value="`$prefix`zip02"}--> 
    76           <!--{assign var=key3 value="`$prefix`pref"}--> 
    77           <!--{assign var=key4 value="`$prefix`addr01"}--> 
    78           <span class="attention"><!--{$arrErr.zip01}--><!--{$arrErr.zip02}--></span> 
    79             〒&nbsp; 
    80             <input type="text" 
    81                    name="zip01" 
    82                    class="box60" 
    83                    value="<!--{$arrForm.zip01.value|default:$arrData.zip01|h}-->" 
    84                    maxlength="<!--{$smarty.const.ZIP01_LEN}-->" 
    85                    style="<!--{$arrErr.zip01|sfGetErrorColor}-->; ime-mode: disabled;" />&nbsp;-&nbsp; 
    86             <input type="text" 
    87                    name="zip02" 
    88                    class="box60" 
    89                    value="<!--{$arrForm.zip02.value|default:$arrData.zip02|h}-->" 
    90                    maxlength="<!--{$smarty.const.ZIP02_LEN}-->" 
    91                    style="<!--{$arrErr.zip02|sfGetErrorColor}-->; ime-mode: disabled;" />  
    92             <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fs12">郵便番号検索</span></a> 
    93           <p class="zipimg"> 
    94             <a href="<!--{$smarty.const.ROOT_URLPATH}-->input_zip.php" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', '<!--{$key1}-->', '<!--{$key2}-->', '<!--{$key3}-->', '<!--{$key4}-->'); return false;" target="_blank" class="oubtn">住所自動入力</a><br /> 
    95             <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span> 
    96           </p> 
    97         </td> 
    98       </tr> 
    99       <tr> 
    100         <th>住所</th> 
    101         <td> 
    102           <span class="attention"><!--{$arrErr.pref}--><!--{$arrErr.addr01}--><!--{$arrErr.addr02}--></span> 
     34        <dl class="form_entry"> 
     35         <dt>お名前<span class="attention">※</span></dt> 
     36           <dd><span class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></span> 
     37             <input type="text" name="name01"  
     38               value="<!--{$arrForm.name01.value|default:$arrData.name01|h}-->"  
     39                maxlength="<!--{$smarty.const.STEXT_LEN}-->"  
     40                 style="<!--{$arrErr.name01|sfGetErrorColor}-->" class="boxHarf text data-role-none" placeholder="姓"/>&nbsp;&nbsp; 
     41             <input type="text" name="name02"  
     42               value="<!--{$arrForm.name02.value|default:$arrData.name02|h}-->"  
     43                maxlength="<!--{$smarty.const.STEXT_LEN}-->"  
     44                 style="<!--{$arrErr.name02|sfGetErrorColor}-->" class="boxHarf text data-role-none" placeholder="名"/> 
     45              </dd> 
    10346 
    104           <select name="pref" style="<!--{$arrErr.pref|sfGetErrorColor}-->"> 
    105           <option value="">都道府県を選択</option> 
    106           <!--{html_options options=$arrPref selected=$arrForm.pref.value|default:$arrData.pref|h}--> 
    107           </select> 
     47          <dt>お名前(フリガナ)<span class="attention">※</span></dt> 
     48            <dd><span class="attention"><!--{$arrErr.kana01}--><!--{$arrErr.kana02}--></span> 
     49              <input type="text" name="kana01"  
     50                value="<!--{$arrForm.kana01.value|default:$arrData.kana01|h}-->"  
     51                 maxlength="<!--{$smarty.const.STEXT_LEN}-->"  
     52                  style="<!--{$arrErr.kana01|sfGetErrorColor}-->"class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp; 
     53              <input type="text" name="kana02"  
     54                value="<!--{$arrForm.kana02.value|default:$arrData.kana02|h}-->"  
     55                 maxlength="<!--{$smarty.const.STEXT_LEN}-->"  
     56                  style="<!--{$arrErr.kana02|sfGetErrorColor}-->" class="boxHarf text data-role-none" placeholder="メイ"/> 
     57              </dd> 
    10858 
    109           <p class="mini"> 
    110             <input type="text" 
    111                    class="box300" 
    112                    name="addr01" 
    113                    value="<!--{$arrForm.addr01.value|default:$arrData.addr01|h}-->" 
    114                    style="<!--{$arrErr.addr01|sfGetErrorColor}-->" /><br /> 
    115             <!--{$smarty.const.SAMPLE_ADDRESS1}--> 
    116           </p> 
     59          <dt>郵便番号</dt> 
     60            <dd><!--{assign var=key1 value="`$prefix`zip01"}--> 
     61                <!--{assign var=key2 value="`$prefix`zip02"}--> 
     62                <!--{assign var=key3 value="`$prefix`pref"}--> 
     63                <!--{assign var=key4 value="`$prefix`addr01"}--> 
     64                <span class="attention"><!--{$arrErr.zip01}--><!--{$arrErr.zip02}--></span> 
     65             <p><input type="number" name="zip01"  
     66                 value="<!--{$arrForm.zip01.value|default:$arrData.zip01|h}-->"  
     67                   maxlength="<!--{$smarty.const.ZIP01_LEN}-->"  
     68                    style="<!--{$arrErr.zip01|sfGetErrorColor}-->; ime-mode: disabled;" class="boxShort text data-role-none" />&nbsp;-&nbsp; 
     69                <input type="number" name="zip02"  
     70                 value="<!--{$arrForm.zip02.value|default:$arrData.zip02|h}-->"  
     71                  maxlength="<!--{$smarty.const.ZIP02_LEN}-->"  
     72                   style="<!--{$arrErr.zip02|sfGetErrorColor}-->; ime-mode: disabled;" class="boxShort text data-role-none" />&nbsp;&nbsp; 
     73                <a href="http://search.post.japanpost.jp/zipcode/" target="_blank" rel="external"><span class="mini">郵便番号検索</span></a> 
     74             </p> 
    11775 
    118           <p class="mini"> 
    119             <input type="text" 
    120                    class="box300" 
    121                    name="addr02" 
    122                    value="<!--{$arrForm.addr02.value|default:$arrData.addr02|h}-->" 
    123                    style="<!--{$arrErr.addr02|sfGetErrorColor}-->" /><br /> 
    124             <!--{$smarty.const.SAMPLE_ADDRESS2}--> 
    125           </p> 
     76             <a href="<!--{$smarty.const.ROOT_URLPATH}-->input_zip.php" onClick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', '<!--{$key1}-->', '<!--{$key2}-->', '<!--{$key3}-->', '<!--{$key4}-->'); return false;" target="_blank" class="btn_sub btn_inputzip" rel="external">郵便番号から住所自動入力</a> 
     77              </dd> 
    12678 
    127           <p class="mini"><em>住所は2つに分けてご記入ください。マンション名は必ず記入してください。</em></p> 
    128         </td> 
    129       </tr> 
    130       <tr> 
    131         <th>電話番号</th> 
    132         <td> 
    133           <span class="attention"><!--{$arrErr.tel01}--><!--{$arrErr.tel02}--><!--{$arrErr.tel03}--></span> 
    134           <input type="text"  
    135                  class="box60" 
    136                  name="tel01" 
    137                  value="<!--{$arrForm.tel01.value|default:$arrData.tel01|h}-->" 
    138                  maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" 
    139                  style="<!--{$arrErr.tel01|sfGetErrorColor}-->" />&nbsp;-&nbsp; 
    140           <input type="text"  
    141                  class="box60" 
    142                  name="tel02" 
    143                  value="<!--{$arrForm.tel02.value|default:$arrData.tel02|h}-->" 
    144                  maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" 
    145                  style="<!--{$arrErr.tel02|sfGetErrorColor}-->" />&nbsp;-&nbsp; 
    146           <input type="text"  
    147                  class="box60" 
    148                  name="tel03" 
    149                  value="<!--{$arrForm.tel03.value|default:$arrData.tel03|h}-->" 
    150                  maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" 
    151                  style="<!--{$arrErr.tel03|sfGetErrorColor}-->" /> 
    152         </td> 
    153       </tr> 
    154       <tr> 
    155         <th>メールアドレス<span class="attention">※</span></th> 
    156         <td> 
    157           <span class="attention"><!--{$arrErr.email}--><!--{$arrErr.email02}--></span> 
    158           <input type="text" 
    159                  class="box300" 
    160                  name="email" 
    161                  value="<!--{$arrForm.email.value|default:$arrData.email|h}-->" 
    162                  maxlength="<!--{$smarty.const.MTEXT_LEN}-->" 
    163                  style="<!--{$arrErr.email|sfGetErrorColor}-->" /><br /> 
    164           <!--{* ログインしていれば入力済みにする *}--> 
    165           <!--{if $smarty.server.REQUEST_METHOD != 'POST' && $smarty.session.customer}--> 
    166           <!--{assign var=email02 value=$arrData.email}--> 
    167           <!--{/if}--> 
    168           <input type="text" 
    169                  class="box300" 
    170                  name="email02" 
    171                  value="<!--{$arrForm.email02.value|default:$email02|h}-->" 
    172                  maxlength="<!--{$smarty.const.MTEXT_LEN}-->" 
    173                  style="<!--{$arrErr.email02|sfGetErrorColor}-->" /><br /> 
    174           <p class="mini"><em>確認のため2度入力してください。</em></p> 
    175         </td> 
    176       </tr>         
    177       <tr> 
    178         <th>お問い合わせ内容<span class="attention">※</span><br /> 
    179         <span class="mini">(全角<!--{$smarty.const.MLTEXT_LEN}-->字以下)</span></th> 
    180         <td> 
    181           <span class="attention"><!--{$arrErr.contents}--></span> 
    182           <textarea name="contents" 
    183                     class="area380" 
    184                     cols="60" 
    185                     rows="20" 
    186                     style="<!--{$arrErr.contents|sfGetErrorColor}-->"><!--{$arrForm.contents.value|h}--></textarea> 
    187         </td> 
    188       </tr> 
    189     </table> 
     79          <dt>住所</dt> 
     80            <dd><span class="attention"><!--{$arrErr.pref}--><!--{$arrErr.addr01}--><!--{$arrErr.addr02}--></span> 
     81              <select name="pref" style="<!--{$arrErr.pref|sfGetErrorColor}-->" class="boxMedium data-role-none"> 
     82                <option value="" selected="selected">都道府県</option> 
     83                 <!--{html_options options=$arrPref selected=$arrForm.pref.value|default:$arrData.pref|h}--> 
     84                  </select> 
    19085 
    191             <div class="tblareabtn"> 
    192             <input type="submit" value="確認ページへ" class="spbtn spbtn-shopping" width="130" height="30" alt="確認ページへ" name="confirm" id="confirm" /> 
    193             </div> 
    194     </form> 
    195   </div> 
    196 </div> 
     86              <input type="text" name="addr01"  
     87               value="<!--{$arrForm.addr01.value|default:$arrData.addr01|h}-->"  
     88                class="boxLong text data-role-none"  
     89                 style="<!--{$arrErr.addr01|sfGetErrorColor}-->" placeholder="市区町村名" /> 
     90                <input type="text" name="addr02"  
     91                  value="<!--{$arrForm.addr02.value|default:$arrData.addr02|h}-->"  
     92                  class="boxLong text data-role-none"  
     93                   style="<!--{$arrErr.addr02|sfGetErrorColor}-->" placeholder="番地・ビル名" /></dd> 
     94 
     95             <dt>電話番号</dt> 
     96              <dd><span class="attention"><!--{$arrErr.tel01}--><!--{$arrErr.tel02}--><!--{$arrErr.tel03}--></span> 
     97                <input type="tel" name="tel01"  
     98                  value="<!--{$arrForm.tel01.value|default:$arrData.tel01|h}-->"  
     99                   maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->"  
     100                    style="<!--{$arrErr.tel01|sfGetErrorColor}-->"  
     101                     class="boxShort text data-role-none" />&nbsp;-&nbsp; 
     102                <input type="tel" name="tel02"  
     103                 value="<!--{$arrForm.tel02.value|default:$arrData.tel02|h}-->"  
     104                  maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->"  
     105                   style="<!--{$arrErr.tel02|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp; 
     106                <input type="text" name="tel03"  
     107                  value="<!--{$arrForm.tel03.value|default:$arrData.tel03|h}-->"  
     108                   maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->"  
     109                    style="<!--{$arrErr.tel03|sfGetErrorColor}-->" class="boxShort text data-role-none" /> 
     110              </dd> 
     111 
     112             <dt>メールアドレス<span class="attention">※</span></dt> 
     113              <dd><span class="attention"><!--{$arrErr.email}--><!--{$arrErr.email02}--></span> 
     114                <input type="email" name="email"  
     115                 value="<!--{$arrForm.email.value|default:$arrData.email|h}-->"  
     116                  style="<!--{$arrErr.email|sfGetErrorColor}-->"  
     117                   maxlength="<!--{$smarty.const.MTEXT_LEN}-->" class="boxLong text data-role-none" /> 
     118 
     119           <!--{* ログインしていれば入力済みにする *}--> 
     120                <!--{if $smarty.server.REQUEST_METHOD != 'POST' && $smarty.session.customer}--> 
     121                <!--{assign var=email02 value=$arrData.email}--> 
     122                <!--{/if}--> 
     123 
     124               <input type="email" name="email02"  
     125                 value="<!--{$arrForm.email02.value|default:$email02|h}-->"  
     126                  style="<!--{$arrErr.email02|sfGetErrorColor}-->"  
     127                   maxlength="<!--{$smarty.const.MTEXT_LEN}-->" class="boxLong text data-role-none" placeholder="確認のため2回入力してください" /> 
     128              </dd> 
     129 
     130             <dt>お問い合わせ内容<span class="attention">※</span> 
     131               <span class="mini">(全角<!--{$smarty.const.MLTEXT_LEN}-->字以下)</span></dt> 
     132              <dd><span class="attention"><!--{$arrErr.contents}--></span> 
     133                <textarea name="contents" class="txtarea" cols="60" rows="20" style="<!--{$arrErr.contents|sfGetErrorColor}-->"><!--{$arrForm.contents.value|h}--></textarea> 
     134              </dd> 
     135 
     136         </dl> 
     137 
     138         <div class="btn_area"> 
     139             <input type="submit" value="確認ページへ" class="btn data-role-none" name="confirm" id="confirm" /> 
     140         </div> 
     141     </form> 
     142</section> 
    197143<!--▲CONTENTS--> 
Note: See TracChangeset for help on using the changeset viewer.