app/template/default/Block/lm_nouki_simu.twig line 1

Open in your IDE?
  1. {#
  2. <br class="clear">
  3. <script type="text/javascript" src="/javascripts/simulation.js?var=20211006_01" async></script>
  5. <div id="delivery-date-simulation">
  6.     <div id="bg-box">
  7.         <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/main-background-1.jpg" alt="納期シミュレーション　いつ届くの？という疑問が、３ステップでわかります！"/>
  8.     </div>
  10.   <div id="date-select-cont" class="bold">
  11.         <div class="select-year">
  12.             <select id="start_year">
  13.         {% set years = [php_date("Y"), php_date("Y") + 1] %}
  14.         {% for year in years %}
  15.           <option value="{{ year }}">{{ year }}年</option>
  16.         {% endfor %}
  17.             </select>
  18.         </div>
  19.         <div class="select-month">
  20.             <select id="start_month">
  21.         {% set months = months() %}
  22.         {% for month in months() %}
  23.           <option value="{{ month }}">{{ month }}月</option>
  24.         {% endfor %}
  25.             </select>
  26.         </div>
  27.         <div class="select-day">
  28.             <select id="start_day">
  29.         {% for day in days() %}
  30.           <option value="{{ day }}">{{ day }}日</option>
  31.         {% endfor %}
  32.             </select>
  33.         </div>
  34.     </div><!-- /#date-select-cont -->
  36.     <div class="select-ampm">
  37.         <select id="calc_delivery_ampm">
  38.             <option value="1" selected="selected">AM</option>
  39.             <option value="2">PM</option>
  40.         </select>
  41.     </div>
  43.   <div id="calc_delivery_place">
  44.         <label><input class="calc_place" name="place" type="radio" value="1" checked="checked"><span>本州</span></label>
  45.         <label><input class="calc_place" name="place" type="radio" value="2"><span>北海道</span></label>
  46.         <label><input class="calc_place" name="place" type="radio" value="3"><span>四国</span></label>
  47.         <label><input class="calc_place" name="place" type="radio" value="4"><span>九州・沖縄</span></label>
  48.     </div>
  50.   <div>
  51.         <div class="tab_calc tab1">
  52.             <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/banner-no-print.jpg" alt="電話注文できます！見積り、お問い合わせは無料！フリーダイヤル0120-115-116">
  53.         </div>
  54.         <div class="tab_calc tab2">
  55.             <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/banner-print.jpg" alt="ご注文のやりとりからお届けまでの流れ">
  56.         </div>
  57.         <div class="arw-right">
  58.             <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/arrow_big.png" alt="右へ">
  59.         </div>
  60.         <div class="type-order">
  61.             <span>(1) 注文の種類</span><img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/arrow_small.png" alt="矢印">
  62.         </div>
  63.         <div class="order-date">
  64.             <span>(2) ご注文日</span>
  65.             <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/arrow_small.png" alt="矢印">
  66.         </div>
  67.         <div class="address">
  68.             <span>(3) お届け先</span>
  69.             <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/arrow_small.png" alt="矢印">
  70.         </div>
  71.         <div id="delivery-date-area">
  72.             <div id="delivery_date">
  73.                 <p class="bold">お届け予定日</p>
  74.                 <div class="output">
  75.                     <div class="fl">
  76.                         <img id="delivery_date_month_1" src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/num-0.png" alt="0">
  77.                         <img id="delivery_date_month_2" src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/num-0.png" alt="0">
  78.                     </div>
  79.                     <div class="month">月</div>
  80.                     <div class="fl mr5">
  81.                         <img id="delivery_date_day_1" src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/num-0.png" alt="0">
  82.                         <img id="delivery_date_day_2" src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/num-0.png" alt="0">
  83.                     </div>
  84.                     <div class="day">日</div>
  85.                     <div class="about">頃となります。</div>
  86.                     <br class="clear">
  87.                 </div>
  88.                 <p class="notes clear">※お届け予定日は、ご注文内容や在庫状況などにより<br>多少前後する可能性がございます。詳しくはお電話ください。</p>
  89.             </div>
  90.             <div id="loading">
  91.                 <div class="fl">
  92.                     <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/loading-animation.gif" alt="お届け予定日を計算中です">
  93.                 </div>
  94.                 <div class="calculating">お届け予定日を計算中です...</div>
  95.             </div>
  96.         </div><!-- /#delivery-date-area -->
  97.         <div class="ampm-txt">
  98.             <span class="bold">にご注文確定の場合</span>
  99.         </div>
  100.     </div>
  102.   <div id="tab-select">
  103.         <div class="tab_calc tab1">
  104.             <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/tab-on-no-print.jpg" alt="無地・商品に加工しないを選択">
  105.         </div>
  106.         <div class="tab_calc tab2" id="test" onmouseover="$('#test').stop(); $('#test').animate({ marginTop : '-5px' }, 300);" onmouseout="$('#test').stop(); $('#test').animate({ marginTop : '0' }, 300);" onclick="changeTab(); changePrintValue(1);">
  107.             <a href="javascript:void(0);"><img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/tab-off-no-print.jpg" alt="無地・商品に加工しない">
  108.             </a>
  109.         </div>
  110.         <div class="tab_calc tab3">
  111.             <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/tab-on-print.jpg" alt="プリント・刺繍・転写などを加工するの場合を選択">
  112.         </div>
  113.         <div class="tab_calc tab4" id="test2" onmouseover="$('#test2').stop(); $('#test2').animate({ marginTop : '-5px' }, 300);" onmouseout="$('#test2').stop(); $('#test2').animate({ marginTop : '0' }, 300);" onclick="changeTab(); changePrintValue(2);">
  114.             <a href="javascript:void(0);">
  115.                 <img src="https://img0.land-mark.biz/ut_img/public_images/foot/calc/tab-off-print.jpg" alt="プリント・刺繍・転写などを加工する">
  116.             </a>
  117.         </div>
  118.     </div>
  119. </div>
  120. #}