PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Не могу найти решение как передавать разные данные в php обработчик если параметры name одинаковые
Макс26
Отправлено: 27 Мая, 2018 - 21:35:48
Post Id


Новичок


Покинул форум
Сообщений всего: 2
Дата рег-ции: Май 2018  


Помог: 0 раз(а)




Приветствую дорогие старожилы этого замечательного форума!
Честно говоря много сам пользовался материалами с этого ресурса и как правило находил нужную информацию, но в этот раз я в тупике, причем даже сформулировать четко что мне нужно не могу, поэтому поиск ничего не дал.
В связи с чем решил таки зарегистрироваться тут и очень надеюсь на вашу помощь!

Собственно проблема вот в чем, попался мне сегодня сайт где требуется настроить обработчики для приема заявок с форм, все там вроде понятно но вот один блок имеет такой вид
https://i[dot]imgur[dot]com/55pokfT[dot]png
где идет несколько видов утеплителя которые можно одновременно выбрать
https://i[dot]imgur[dot]com/yFlzYOm[dot]png

И вот тут-то самые главные танцы с бубном и начинаются для меня
Вот html код этого блока
CODE (html):
скопировать код в буфер обмена
  1. <section class="__6" id="__6">
  2.                 <div class="inner">
  3.                     <h3 class="title_h3">Утеплитель</h3>
  4.  
  5.  
  6.  
  7.  
  8.                     <div class="calculate">
  9.                         <div class="tabs">
  10.                             <div class="tab" id="tab-4">
  11.                                 <div class="size">
  12.                                     <!--<div class="items">
  13.                                    <h3>Укажите толщину утеплителя:</h3>
  14.                                    <input type="radio" id="c4-size-s50" name="c4-size" data-size="50" checked />
  15.                                    <label for="c4-size-s50" >50 мм</label>
  16.  
  17.                                    <input type="radio" id="c4-size-s100" name="c4-size" data-size="100" />
  18.                                    <label for="c4-size-s100" >100 мм</label>
  19.  
  20.                                    <input type="radio" id="c4-size-s150" name="c4-size" data-size="150" />
  21.                                    <label for="c4-size-s150" >150 мм</label>
  22.  
  23.                                    <input type="radio" id="c4-size-s200" name="c4-size" data-size="200" />
  24.                                    <label for="c4-size-s200" >200 мм</label>
  25.                                    </div>-->
  26.                                     <div class="area">
  27.                                         <div class="text"></div>
  28.                                     </div>
  29.                                 </div>
  30.                                 <div class="colums">
  31.                                     <div class="left" data-column="1">
  32.                                         <h3 class="c4-title" data-id="1">Кнауф для кровли</h3>
  33.                                         <div class="area">
  34.                                         </div>
  35.                                         <img src="img/calc/calc4/krauf_krov.jpg" alt="..." class="c4-view">
  36.                                         <div class="use">
  37.                                             <h4>Используется для</h4>
  38.                                             <div class="use__items">
  39.                                                 <ul>
  40.                                                     <!--<li id="c4-bottom">
  41.                                                    <div class="title">
  42.                                                    пола
  43.                                                    </div>
  44.                                                    </li>-->
  45.                                                     <li id="c4-wall">
  46.                                                         <div class="title">
  47.                                                             стальной <br>кровли
  48.                                                         </div>
  49.                                                     </li>
  50.                                                     <li id="c4-roof">
  51.                                                         <div class="title">
  52.                                                             &nbsp;
  53.                                                         </div>
  54.                                                     </li>
  55.                                                 </ul>
  56.                                             </div>     
  57.                                         </div>
  58.                                         <div class="clear"></div>
  59.                                         <div class="tech">
  60.                                             <div class="tech-items" id="c4-tech-u1">
  61.                                                 <ul>
  62.                                                     <li>
  63.                                                         <em>Длина</em>
  64.                                                         <span id="c4-tech-u1-t1">6148 мм</span>
  65.                                                     </li>
  66.                                                     <li>
  67.                                                         <em>Ширина</em>
  68.                                                         <span id="c4-tech-u1-t2">1220 мм</span>
  69.                                                     </li>
  70.                                                     <li>
  71.                                                         <em>Толщина</em>
  72.                                                         <span id="c4-tech-u1-t3">50 мм</span>
  73.                                                     </li>
  74.                                                     <li>
  75.                                                         <em>Площадь в 1 упаковке</em>
  76.                                                         <span data-square="heater-1">15 м<sup>2</sup></span>
  77.                                                     </li>
  78.                                                     <li>
  79.                                                         <em>Объем в 1 упаковке</em>
  80.                                                         <span>0.75 м<sup>3</sup></span>
  81.                                                     </li>
  82.                                                 </ul>
  83.                                             </div>
  84.                                             <div class="clear"></div>
  85.                                         </div>
  86.                                         <div class="price">
  87.                                             <div class="price-items" id="c4-price-u1">
  88.                                                 <ul>
  89.                                                     <li>
  90.                                                         <em>Цена за 1 м<sup>2</sup></em>
  91.                                                         <span id="c4-price-u1-p1" data-price="c4-u1">115&nbsp;<span class="rub">&#8381;</span></span>
  92.                                                     </li>
  93.                                                     <li>
  94.                                                         <em>Цена за упаковку</em>
  95.                                                         <!--<span id="c4-price-u1-p2" data-price="heater-1">1025&nbsp;<span class="rub">&#8381;</span></span>-->
  96.                                                         <span id="c4-price-u1-p2" data-price="heater-1">1723<span class="rub">&#8381;</span></span>
  97.                                                     </li>
  98.                                                 </ul>
  99.                                             </div>
  100.                                             <div class="clear"></div>
  101.                                         </div>
  102.                                         <div class="counter2" data-counter="heater-1">
  103.                                             <h3 class="counter__title">Количество упаковок:</h3>
  104.                                             <span class="minus" data-btn="minus" data-id="c4-u1"></span>
  105.                                             <input type="text" id="c4-u1-input-counter" name="input-counter" maxlength="4" class="c4-meters" value="0">
  106.                                             <span class="plus" data-btn="plus" data-id="c4-u1"></span>
  107.                                         </div>
  108.                                         <div class="order">
  109.                                             <div class="summ">
  110.                                                 <span class="total" id="c4-total">
  111.                                                     Итого
  112.                                                 </span>
  113.                                                 <span class="summa" id="c4-summa-u1" data-id="c4-u1" data-priceoutput="heater-1">0 <span class="rub">&#8381;</span></span>
  114.                                             </div>
  115.                                         </div>
  116.                                     </div>
  117.                                     <div class="middle" data-column="2">
  118.                                         <h3 class="c4-title" data-id="2"> Кнауф для перекрытий</h3>
  119.                                         <div class="area">
  120.                                         </div>
  121.                                         <img src="img/calc/calc4/krauf_perekr.jpg" alt="..." class="c4-view">
  122.                                         <div class="use">
  123.                                             <h4>Используется для</h4>
  124.                                             <div class="use__items">
  125.                                                 <ul>
  126.                                                     <li id="c4-bottom">
  127.                                                         <div class="title">
  128.                                                             пола
  129.                                                         </div>
  130.                                                     </li>
  131.                                                     <li id="c4-wall">
  132.                                                         <div class="title">
  133.                                                             межэтажных<br> перекрытий
  134.                                                         </div>
  135.                                                     </li>
  136.                                                     <!--<li id="c4-roof">
  137.                                                    <div class="title">
  138.                                                    кровли
  139.                                                    </div>
  140.                                                    </li>-->
  141.                                                 </ul>
  142.                                             </div>     
  143.                                         </div>
  144.                                         <div class="clear"></div>
  145.                                         <div class="tech">
  146.                                             <div class="tech-items" id="c4-tech-u2">
  147.                                                 <ul>
  148.                                                     <li>
  149.                                                         <em>Длина</em>
  150.                                                         <span id="c4-tech-u2-t1">7380 мм</span>
  151.                                                     </li>
  152.                                                     <li>
  153.                                                         <em>Ширина</em>
  154.                                                         <span id="c4-tech-u2-t2">1220 мм</span>
  155.                                                     </li>
  156.                                                     <li>
  157.                                                         <em>Толщина</em>
  158.                                                         <span id="c4-tech-u2-t3">50 мм</span>
  159.                                                     </li>
  160.                                                     <li>
  161.                                                         <em>Площадь в 1 упаковке</em>
  162.                                                         <span data-square="heater-2">18 м<sup>2</sup></span>
  163.                                                     </li>
  164.                                                     <li>
  165.                                                         <em>Объем в 1 упаковке</em>
  166.                                                         <span>0.9 м<sup>3</sup></span>
  167.                                                     </li>
  168.                                                 </ul>
  169.                                             </div>
  170.                                             <div class="clear"></div>
  171.                                         </div>
  172.                                         <div class="price">
  173.                                             <div class="price-items" id="c4-price-u2">
  174.                                                 <ul>
  175.                                                     <li>
  176.                                                         <em>Цена за 1 м<sup>2</sup></em>
  177.                                                         <span id="c4-price-u2-p1" data-price="c4-u2">93&nbsp;<span class="rub">&#8381;</span></span>
  178.                                                     </li>
  179.                                                     <li>
  180.                                                         <em>Цена за упаковку</em>
  181.                                                         <!--<span id="c4-price-u2-p2" data-price="heater-2">1129&nbsp;<span class="rub">&#8381;</span></span>-->
  182.                                                         <span id="c4-price-u2-p2" data-price="heater-2">1674<span class="rub">&#8381;</span></span>
  183.                                                     </li>
  184.                                                 </ul>
  185.                                             </div>
  186.                                             <div class="clear"></div>
  187.                                         </div>
  188.                                         <div class="counter2" data-counter="heater-2">
  189.                                             <h3 class="counter__title">Количество упаковок:</h3>
  190.                                             <span class="minus" data-btn="minus" data-id="c4-u2"></span>
  191.                                             <input type="text" id="c4-u2-input-counter" name="input-counter" maxlength="4" class="c4-meters" value="0">
  192.                                             <span class="plus" data-btn="plus" data-id="c4-u2"></span>
  193.                                         </div>
  194.                                         <div class="order">
  195.                                             <div class="summ">
  196.                                                 <span class="total" id="c4-total">
  197.                                                     Итого
  198.                                                 </span>
  199.                                                 <span class="summa" id="c4-summa-u2" data-id="c4-u2" data-priceoutput="heater-2">0 <span class="rub">&#8381;</span></span>
  200.                                             </div>
  201.                                         </div>
  202.                                     </div>
  203.                                     <div class="right" data-column="3">
  204.                                         <h3 class="c4-title" data-id="3">Кнауф акустик</h3>
  205.                                         <div class="area">
  206.                                         </div>
  207.                                         <img src="img/calc/calc4/krauf_akustic.png" alt="..." class="c4-view">
  208.                                         <div class="use">
  209.                                             <h4>Используется для</h4>
  210.                                             <div class="use__items">
  211.                                                 <ul>
  212.                                                     <li id="c4-bottom">
  213.                                                         <div class="title">
  214.                                                             пола
  215.                                                         </div>
  216.                                                     </li>
  217.                                                     <li id="c4-wall">
  218.                                                         <div class="title">
  219.                                                             стен
  220.                                                         </div>
  221.                                                     </li>
  222.                                                     <li id="c4-roof">
  223.                                                         <div class="title">
  224.                                                             кровли
  225.                                                         </div>
  226.                                                     </li>
  227.                                                 </ul>
  228.                                             </div>     
  229.                                         </div>
  230.                                         <div class="clear"></div>
  231.                                         <div class="tech">
  232.                                             <div class="tech-items" id="c4-tech-u3">
  233.                                                 <ul>
  234.                                                     <li>
  235.                                                         <em>Длина</em>
  236.                                                         <span id="c4-tech-u3-t1">1230 мм</span>
  237.                                                     </li>
  238.                                                     <li>
  239.                                                         <em>Ширина</em>
  240.                                                         <span id="c4-tech-u3-t2">610 мм</span>
  241.                                                     </li>
  242.                                                     <li>
  243.                                                         <em>Толщина</em>
  244.                                                         <span id="c4-tech-u3-t3">50 мм</span>
  245.                                                     </li>
  246.                                                     <li>
  247.                                                         <em>Площадь в 1 упаковке</em>
  248.                                                         <span data-square="heater-3">12 м<sup>2</sup></span>
  249.                                                     </li>
  250.                                                     <li>
  251.                                                         <em>Объем в 1 упаковке</em>
  252.                                                         <span>0.6 м<sup>3</sup></span>
  253.                                                     </li>
  254.                                                 </ul>
  255.                                             </div>
  256.                                             <div class="clear"></div>
  257.                                         </div>
  258.                                         <div class="price">
  259.                                             <div class="price-items" id="c4-price-u3">
  260.                                                 <ul>
  261.                                                     <li>
  262.                                                         <em>Цена за 1 м<sup>2</sup></em>
  263.                                                         <span id="c4-price-u3-p1" data-price="c4-u3">118&nbsp;<span class="rub">&#8381;</span></span>
  264.                                                     </li>
  265.                                                     <li>
  266.                                                         <em>Цена за упаковку</em>
  267.                                                         <!--<span id="c4-price-u3-p2" data-price-s50="1425" data-price="heater-3">1335&nbsp;<span class="rub">&#8381;</span></span>-->
  268.                                                         <span id="c4-price-u3-p2" data-price-s50="1170" data-price="heater-3">1421<span class="rub">&#8381;</span></span>
  269.                                                     </li>
  270.                                                 </ul>
  271.                                             </div>
  272.                                             <div class="clear"></div>
  273.                                         </div>
  274.                                         <div class="counter2" data-counter="heater-3">
  275.                                             <h3 class="counter__title">Количество упаковок:</h3>
  276.                                             <span class="minus" data-btn="minus" data-id="c4-u3"></span>
  277.                                             <input type="text" id="c4-u3-input-counter" name="input-counter" maxlength="4" class="c4-meters" value="0">
  278.                                             <span class="plus" data-btn="plus" data-id="c4-u3"></span>
  279.                                         </div>
  280.                                         <div class="order">
  281.                                             <div class="summ">
  282.                                                 <span class="total" id="c4-total">
  283.                                                     Итого
  284.                                                 </span>
  285.                                                 <span class="summa" id="c4-summa-u3" data-id="c4-u3" data-priceoutput="heater-3">0 <span class="rub">&#8381;</span></span>
  286.                                             </div>
  287.                                         </div>
  288.                                     </div>
  289.                                     <div class="righter" data-column="4">
  290.                                         <h3 class="c4-title" data-id="3">Кнауф экоролл</h3>
  291.                                         <div class="area">
  292.                                         </div>
  293.                                         <img src="img/calc/calc4/krauf_rulon.jpg" alt="..." class="c4-view">
  294.                                         <div class="use">
  295.                                             <h4>Используется для</h4>
  296.                                             <div class="use__items">
  297.                                                 <ul>
  298.                                                     <li id="c4-bottom">
  299.                                                         <div class="title">
  300.                                                             пола
  301.                                                         </div>
  302.                                                     </li>
  303.                                                     <li id="c4-wall">
  304.                                                         <div class="title">
  305.                                                             стен
  306.                                                         </div>
  307.                                                     </li>
  308.                                                     <li id="c4-roof">
  309.                                                         <div class="title">
  310.                                                             кровли
  311.                                                         </div>
  312.                                                     </li>
  313.                                                 </ul>
  314.                                             </div>
  315.                                         </div>
  316.                                         <div class="clear"></div>
  317.                                         <div class="tech">
  318.                                             <div class="tech-items" id="c4-tech-u3">
  319.                                                 <ul>
  320.                                                     <li>
  321.                                                         <em>Длина</em>
  322.                                                         <span id="c4-tech-u3-t1">8200 мм</span>
  323.                                                     </li>
  324.                                                     <li>
  325.                                                         <em>Ширина</em>
  326.                                                         <span id="c4-tech-u3-t2">1220 мм</span>
  327.                                                     </li>
  328.                                                     <li>
  329.                                                         <em>Толщина</em>
  330.                                                         <span id="c4-tech-u3-t3">50 мм</span>
  331.                                                     </li>
  332.                                                     <li>
  333.                                                         <em>Площадь в 1 упаковке</em>
  334.                                                         <span data-square="heater-4">20 м<sup>2</sup></span>
  335.                                                     </li>
  336.                                                     <li>
  337.                                                         <em>Объем в 1 упаковке</em>
  338.                                                         <span>1 м<sup>3</sup></span>
  339.                                                     </li>
  340.                                                 </ul>
  341.                                             </div>
  342.                                             <div class="clear"></div>
  343.                                         </div>
  344.                                         <div class="price">
  345.                                             <div class="price-items" id="c4-price-u3">
  346.                                                 <ul>
  347.                                                     <li>
  348.                                                         <em>Цена за 1 м<sup>2</sup></em>
  349.                                                         <span id="c4-price-u3-p1" data-price="c4-u3">82&nbsp;<span class="rub">&#8381;</span></span>
  350.                                                     </li>
  351.                                                     <li>
  352.                                                         <em>Цена за упаковку</em>
  353.                                                         <!--<span id="c4-price-u3-p2" data-price-s50="1425" data-price="heater-4">1250&nbsp;<span class="rub">&#8381;</span></span>-->
  354.                                                         <span id="c4-price-u3-p2" data-price-s50="1300" data-price="heater-4">1639<span class="rub">&#8381;</span></span>
  355.                                                     </li>
  356.                                                 </ul>
  357.                                             </div>
  358.                                             <div class="clear"></div>
  359.                                         </div>
  360.                                         <div class="counter2" data-counter="heater-4">
  361.                                             <h3 class="counter__title">Количество упаковок:</h3>
  362.                                             <span class="minus" data-btn="minus" data-id="c4-u4"></span>
  363.                                             <input type="text" id="c4-u4-input-counter" name="input-counter" maxlength="4" class="c4-meters" value="0">
  364.                                             <span class="plus" data-btn="plus" data-id="c4-u4"></span>
  365.                                         </div>
  366.                                         <div class="order">
  367.                                             <div class="summ">
  368.                                                 <span class="total" id="c4-total">
  369.                                                     Итого
  370.                                                 </span>
  371.                                                 <span class="summa" id="c4-summa-u3" data-id="c4-u3" data-priceoutput="heater-4">0 <span class="rub">&#8381;</span></span>
  372.                                             </div>
  373.                                         </div>
  374.                                     </div>
  375.                                     <div class="therightest" data-column="5">
  376.                                         <h3 class="c4-title" data-id="3">Техноблок стандарт</h3>
  377.                                         <div class="area">
  378.                                         </div>
  379.                                         <img src="img/calc/calc4/005.jpg" alt="..." class="c4-view">
  380.                                         <div class="use">
  381.                                             <h4>Используется для</h4>
  382.                                             <div class="use__items">
  383.                                                 <ul>
  384.                                                     <li id="c4-bottom">
  385.                                                         <div class="title">
  386.                                                             пола
  387.                                                         </div>
  388.                                                     </li>
  389.                                                     <li id="c4-wall">
  390.                                                         <div class="title">
  391.                                                             стен
  392.                                                         </div>
  393.                                                     </li>
  394.                                                     <li id="c4-roof">
  395.                                                         <div class="title">
  396.                                                             кровли
  397.                                                         </div>
  398.                                                     </li>
  399.                                                 </ul>
  400.                                             </div>
  401.                                         </div>
  402.                                         <div class="clear"></div>
  403.                                         <div class="tech">
  404.                                             <div class="tech-items" id="c4-tech-u3">
  405.                                                 <ul>
  406.                                                     <li>
  407.                                                         <em>Длина</em>
  408.                                                         <span id="c4-tech-u3-t1">1200 мм</span>
  409.                                                     </li>
  410.                                                     <li>
  411.                                                         <em>Ширина</em>
  412.                                                         <span id="c4-tech-u3-t2">600 мм</span>
  413.                                                     </li>
  414.                                                     <li>
  415.                                                         <em>Толщина</em>
  416.                                                         <span id="c4-tech-u3-t3">50 мм</span>
  417.                                                     </li>
  418.                                                     <li>
  419.                                                         <em>Площадь в 1 упаковке</em>
  420.                                                         <span data-square="heater-5">5.76 м<sup>2</sup></span>
  421.                                                     </li>
  422.                                                     <li>
  423.                                                         <em>Объем в 1 упаковке</em>
  424.                                                         <span>0.288 м<sup>3</sup></span>
  425.                                                     </li>
  426.                                                 </ul>
  427.                                             </div>
  428.                                             <div class="clear"></div>
  429.                                         </div>
  430.                                         <div class="price">
  431.                                             <div class="price-items" id="c4-price-u3">
  432.                                                 <ul>
  433.                                                     <li>
  434.                                                         <em>Цена за 1 м<sup>2</sup></em>
  435.                                                         <span id="c4-price-u3-p1" data-price="c4-u3">133&nbsp;<span class="rub">&#8381;</span></span>
  436.                                                     </li>
  437.                                                     <li>
  438.                                                         <em>Цена за упаковку</em>
  439.                                                         <span id="c4-price-u3-p2" data-price-s50="169" data-price="heater-5">769&nbsp;<span class="rub">&#8381;</span></span>
  440.                                                     </li>
  441.                                                 </ul>
  442.                                             </div>
  443.                                             <div class="clear"></div>
  444.                                         </div>
  445.                                         <div class="counter2" data-counter="heater-5">
  446.                                             <h3 class="counter__title">Количество упаковок:</h3>
  447.                                             <span class="minus" data-btn="minus" data-id="c4-u5"></span>
  448.                                             <input type="text" id="c4-u5-input-counter" name="input-counter" maxlength="4" class="c4-meters" value="0">
  449.                                             <span class="plus" data-btn="plus" data-id="c4-u5"></span>
  450.                                         </div>
  451.                                         <div class="order">
  452.                                             <div class="summ">
  453.                                                 <span class="total" id="c4-total">
  454.                                                     Итого
  455.                                                 </span>
  456.                                                 <span class="summa" id="c4-summa-u3" data-id="c4-u3" data-priceoutput="heater-5">0 <span class="rub">&#8381;</span></span>
  457.                                             </div>
  458.                                         </div>
  459.                                     </div>
  460.                                     <div class="clear"></div>
  461.                                     <div class="btn-wrapper">
  462.                                         <a href="#c4-order-form" class="fancybox send-order btn-order" id="c4-order-send-id3" data-id="3" data-order="heater">Заказать</a>
  463.                                     </div>
  464.                                 </div>
  465.                             </div>
  466.                         </div>
  467.                     </div>
  468.  
  469.  
  470.  
  471.                 </div>
  472.             </section>

(Добавление)
В одно сообщение к сожалению все не входит так что разбиваю на несколько

Вот код формы
CODE (html):
скопировать код в буфер обмена
  1. <div id="c4-order-form">
  2.                     <div class="title">Заказ утеплителя</div>
  3.                     <div class="system-message"><!--ajax--></div>
  4.                     <form method="post" id="c4-app-form">
  5.                         <label for="c4-order-name">Введите Ваше имя:</label>
  6.                         <input type="text" name="c4-order-name" id="c4-order-name">
  7.  
  8.                         <label for="c4-order-tel">Введите телефон:</label>
  9.                         <input type="text" name="c4-order-tel" id="c4-order-tel" placeholder="Номер телефона">
  10.  
  11.                         <label for="c4-order-email" class="hide">Введите e-mail:</label>
  12.                         <input type="email" name="c4-order-email" id="c4-order-email" class="hide">
  13.                     </form>
  14.  
  15.                     <div class="order-params">
  16.                         <div class="params-title">Параметры заказа</div>
  17.                         <!--<table>
  18.                        <tr>
  19.                        <td>Наименование</td>
  20.                        <td class="c4-order-material" id="c4-order-material"></td>
  21.                        </tr>
  22.                        <tr>
  23.                        <td>Толщина</td>
  24.                        <td class="c4-order-size" id="c4-order-size"></td>
  25.                        </tr>
  26.                        <tr>
  27.                        <td>Площадь (М<sup>2</sup>)</td>
  28.                        <td class="c4-order-square" id="c4-order-square"></td>
  29.                        </tr>
  30.                        <tr>
  31.                        <td>Общая стоимость (руб.)</td>
  32.                        <td class="c4-order-price" id="c4-order-price"></td>
  33.                        </tr>
  34.                        </table>-->
  35.                         <div class="one-item" data-params="1">
  36.                             <div class="number">1</div>
  37.                             <table>
  38.                                 <tbody><tr>
  39.                                         <td>Наименование</td>
  40.                                         <td class="c4-order-material" data-param="material">Кнауф коттедж</td>
  41.                                     </tr>
  42.                                     <tr>
  43.                                         <td>Количество пачек</td>
  44.                                         <td class="c4-order-size" data-param="amount"></td>
  45.                                     </tr>
  46.                                     <tr>
  47.                                         <td>Площадь (М<sup>2</sup>)</td>
  48.                                         <td class="c4-order-square" data-param="square"></td>
  49.                                     </tr>
  50.                                     <tr>
  51.                                         <td>Стоимость</td>
  52.                                         <td class="c4-order-price" data-param="price"></td>
  53.                                     </tr>
  54.                                 </tbody></table>
  55.                         </div>
  56.                         <div class="white-space"></div>
  57.                         <div class="one-item" data-params="2">
  58.                             <div class="number">2</div>
  59.                             <table>
  60.                                 <tbody><tr>
  61.                                         <td>Наименование</td>
  62.                                         <td class="c4-order-material" data-param="material">Кнауф акустик</td>
  63.                                     </tr>
  64.                                     <tr>
  65.                                         <td>Количество пачек</td>
  66.                                         <td class="c4-order-size" data-param="amount"></td>
  67.                                     </tr>
  68.                                     <tr>
  69.                                         <td>Площадь (М<sup>2</sup>)</td>
  70.                                         <td class="c4-order-square" data-param="square"></td>
  71.                                     </tr>
  72.                                     <tr>
  73.                                         <td>Стоимость</td>
  74.                                         <td class="c4-order-price" data-param="price"></td>
  75.                                     </tr>
  76.                                 </tbody></table>
  77.                         </div>
  78.                         <div class="white-space"></div>
  79.                         <div class="one-item" data-params="3">
  80.                             <div class="number">3</div>
  81.                             <table>
  82.                                 <tbody><tr>
  83.                                         <td>Наименование</td>
  84.                                         <td class="c4-order-material" data-param="material">Кнауф терморол дача</td>
  85.                                     </tr>
  86.                                     <tr>
  87.                                         <td>Количество пачек</td>
  88.                                         <td class="c4-order-size" data-param="amount"></td>
  89.                                     </tr>
  90.                                     <tr>
  91.                                         <td>Площадь (М<sup>2</sup>)</td>
  92.                                         <td class="c4-order-square" data-param="square"></td>
  93.                                     </tr>
  94.                                     <tr>
  95.                                         <td>Стоимость</td>
  96.                                         <td class="c4-order-price" data-param="price"></td>
  97.                                     </tr>
  98.                                 </tbody></table>
  99.                         </div>
  100.                         <div class="white-space"></div>
  101.                         <div class="one-item" data-params="4">
  102.                             <div class="number">4</div>
  103.                             <table>
  104.                                 <tbody><tr>
  105.                                         <td>Наименование</td>
  106.                                         <td class="c4-order-material" data-param="material">Кнауф экоролл</td>
  107.                                     </tr>
  108.                                     <tr>
  109.                                         <td>Количество пачек</td>
  110.                                         <td class="c4-order-size" data-param="amount"></td>
  111.                                     </tr>
  112.                                     <tr>
  113.                                         <td>Площадь (М<sup>2</sup>)</td>
  114.                                         <td class="c4-order-square" data-param="square"></td>
  115.                                     </tr>
  116.                                     <tr>
  117.                                         <td>Стоимость</td>
  118.                                         <td class="c4-order-price" data-param="price"></td>
  119.                                     </tr>
  120.                                 </tbody></table>
  121.                         </div>
  122.                         <div class="white-space"></div>
  123.                         <div class="one-item" data-params="5">
  124.                             <div class="number">5</div>
  125.                             <table>
  126.                                 <tbody><tr>
  127.                                         <td>Наименование</td>
  128.                                         <td class="c4-order-material" data-param="material">Техноблок стандарт</td>
  129.                                     </tr>
  130.                                     <tr>
  131.                                         <td>Количество пачек</td>
  132.                                         <td class="c4-order-size" data-param="amount"></td>
  133.                                     </tr>
  134.                                     <tr>
  135.                                         <td>Площадь (М<sup>2</sup>)</td>
  136.                                         <td class="c4-order-square" data-param="square"></td>
  137.                                     </tr>
  138.                                     <tr>
  139.                                         <td>Стоимость</td>
  140.                                         <td class="c4-order-price" data-param="price"></td>
  141.                                     </tr>
  142.                                 </tbody></table>
  143.                         </div>
  144.                         <div class="total-heater">
  145.                             Стоимость итого:&nbsp;<span data-output="totalHeater">20000</span>&nbsp;<span class="rub">&#8381;</span>
  146.                         </div>
  147.                     </div>
  148.  
  149.                     <a href="#" class="send" id="c4-order-form-send" onclick="yaCounter.reachGoal('orderutep'); return true;">Отправить заявку</a>
  150.                 </div>

Вот код JS который отвечает за отправку данных с этой формы
CODE (javascript):
скопировать код в буфер обмена
  1.    $('[data-order=heater]').eq(0).bind('click', function (e) {
  2.         var sum = 0;
  3.         e.preventDefault();
  4.         $('[data-param=amount]').each(function(i, elem) {
  5.             var container = $(elem).closest('.one-item'),
  6.                 amount = $('#c4-u' + (i + 1) + '-input-counter').val(),
  7.                 price = $('[data-priceoutput=heater-' + (i + 1) + ']').eq(0).html();
  8.             $(elem).html(amount);
  9.             if ((parseInt(amount, 10) === 0 || parseInt(price, 10) === 0) && !container.hasClass('hide')) {
  10.                 container.addClass('hide');
  11.             }
  12.             else if (parseInt(amount, 10) !== 0 && parseInt(price, 10) !== 0 && container.hasClass('hide')) {
  13.                 container.removeClass('hide');
  14.             }
  15.         });
  16.         $('[data-param=square]').each(function(i, elem) {
  17.             $(elem).html(parseInt($('[data-square=heater-' + (i + 1) + ']').eq(0).html(), 10) * parseInt($('#c4-u' + (i + 1) + '-input-counter').val(), 10) + '&nbsp;м<sup>2</sup>');
  18.         });
  19.         $('[data-param=price]').each(function(i, elem) {
  20.             var price = $('[data-priceoutput=heater-' + (i + 1) + ']').eq(0).html();
  21.             $(elem).html(price);
  22.             sum += parseInt(price, 10);
  23.         });
  24.         $('.one-item:not(.hide)').each(function(i, elem) {
  25.             $(elem).find('.number').html(i + 1);
  26.         });
  27.         $('[data-output=totalHeater]').eq(0).html(sum);
  28.     });
  29.  
  30.     $('#c4-order-form-send').on("click", function(){
  31.        
  32.         var name  = $('#c4-order-name').val();
  33.         var tel   = $('#c4-order-tel').val();
  34.         var email = $('#c4-order-email').val();
  35.        
  36.         if(name == '' || tel == '')
  37.         {
  38.             sysMsg("Форма заполнена неккоректно!", "#e44d4d");
  39.         }
  40.         else
  41.         {
  42.             if(parseInt($('#c4-order-square').html()) == 0)
  43.             {
  44.                 sysMsg("Заказ сформирован неполностью", "#e44d4d");
  45.             }
  46.             else
  47.             {
  48.                 var data = $('#c4-app-form').serialize();
  49.                 /*data += '&material='+c4_order_material;
  50.                 data += '&size='+c4_order_size;
  51.                 data += '&square='+c4_order_square;
  52.                 data += '&price='+c4_order_price;*/
  53.                 $('.one-item:not(.hide)').each(function(i, elem) {
  54.                     data += '&material=' + $(elem).find('[data-param=material]').eq(0).html();
  55.                     data += '&size=' + parseInt($(elem).find('[data-param=amount]').eq(0).html(), 10);
  56.                     data += '&square=' + parseInt($(elem).find('[data-param=square]').eq(0).html(), 10);
  57.                     data += '&price=' + parseInt($(elem).find('[data-param=price]').eq(0).html(), 10);
  58.                 });
  59.                 data += $('[data-output=totalHeater]').eq(0).html();
  60.                 console.log(data);
  61.                 $.ajax({
  62.                     type: "POST",
  63.                     url: "ajax/c4-send-order.php",
  64.                     data: (data),
  65.                     success: function(data)
  66.                     {
  67.                         sysMsg("Ваша заявка отправлена!", "#52ae1f");
  68.                        
  69.                         var name  = $('#c4-order-name').val('');
  70.                         var tel   = $('#c4-order-tel').val('');
  71.                         var email = $('#c4-order-email').val('');
  72.                     }
  73.                 });
  74.             }
  75.         }
  76.        
  77.         return false;
  78.     });

Ну а это код обработчика, который я пытался сюда прилепить, все бы ничего но он отправляет данные только по одному виду утеплителя, а мне как-то нужно добиться того чтобы если их выбрано несколько видов, чтобы они все отправлялись
PHP:
скопировать код в буфер обмена
  1. <?PHP
  2.  
  3. $email = 'здесь емайл';
  4. $headers  = "Content-type: text/html; charset=utf-8";
  5. $sub = "Заказ на сайте ";
  6. $mes = "Форма: Заказ утеплителя <br>Имя: ".$_POST['c4-order-name']." <br>Телефон: ".$_POST['c4-order-tel']." <br>Материал: ".$_POST['material']." <br>Количество упаковок: ".$_POST['size']." <br>Площадь: ".$_POST['square']." <br>Цена: ".$_POST['price']."";
  7.  
  8. mail($email, $sub, $mes, $headers);
  9.  
  10. Header("Refresh: 8; URL=".$_SERVER['HTTP_REFERER']);
  11.  
  12. ?>


Надеюсь что понятно описал тут проблему и очень надеюсь на вашу помощь!
 
 Top
Vladimir Kheifets
Отправлено: 28 Мая, 2018 - 12:35:47
Post Id



Посетитель


Покинул форум
Сообщений всего: 271
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 9 раз(а)




Макс26 пишет:

Собственно проблема вот в чем, попался мне сегодня сайт где требуется настроить...
Ну а это код обработчика, который я пытался сюда прилепить, все бы ничего но он отправляет данные только по одному виду утеплителя, а мне как-то нужно добиться того чтобы если их выбрано несколько видов, чтобы они все отправлялись
Спойлер (Отобразить)


Добрый день!
Если проблема с отправкой, советую Вам начать с проверки, того что передаётся через $_POST.
Спойлер (Отобразить)
Удачи!

(Отредактировано автором: 28 Мая, 2018 - 12:36:53)

 
 Top
Макс26
Отправлено: 30 Мая, 2018 - 01:03:05
Post Id


Новичок


Покинул форум
Сообщений всего: 2
Дата рег-ции: Май 2018  


Помог: 0 раз(а)




Спасибо за ваше мнение, проблему я в принципе решил, пусть и не так как хотел.
Я просто сделал передачу данных со всех подформ и те что были не заполнены просто передавали нулевое значение.

Но еще раз спасибо что откликнулись!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB