Отправка данных с формой

@Seriiii · Регистрация: 21.12.2016

Студворк — интернет-сервис помощи студентам

Доброго времени суток, прошу помочь в решении вопроса. Есть два input в которые пользователь вводит свои данные, дальшее нажимает кнопку расчитать и вылазит popup окно, с полями (телефон/имя). Как сделать что-бы ранее заполнения 2 поля передавались скрытыми вместе с формой popup. Привязать атрибутом form по id не получилось.Код input

HTML5
1
2
3
<input type="number" required  placeholder="Ширина, мм">
<input type="number" required  placeholder="Высота, мм">
<a href="#x" onclick="popup(1)">Заказать расчет</a>

и код popup

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="popup-bg" id="popup-bg">
 
 
  <div class="popup" id="popup1">
    <div class="head">
      <div class="close" onclick="popup(-1)">&times;</div>
      <span>Заполните форму</span>
    </div>
    <div class="content">
      <p>и наш менеджер свяжется с вами<br/>в ближайшее время</p>
      <form action="spasibo.php" method="post" id="auth">
        <input type="text" name="name" placeholder="Ваше имя" required="">
        <input type="tel" name="tel" placeholder="Ваш телефон" required="">
        <input type="submit" value="Отправить">
      </form>
    </div>  
  </div>
 
 
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
  window.onload = function(){document.getElementById('popup-bg').onclick = function(e) {if (e.target != this) { return true; } popup(-1);}
  }
function popup(nm) {
    popupElm = document.getElementById("popup-bg");
    if (nm == -1) {
        popupElm.classList.remove('visible');
    } else {
        elm = popupElm.getElementsByClassName('popup');
        if (typeof nm != 'undefined')
            for (var i = elm.length - 1; i >= 0; i--) {
                if (elm[i].id == "popup" + nm) {
                    elm[i].classList.add('visible');
                    popupElm.classList.add('visible');
                } else elm[i].classList.remove('visible');
            }
        else popupElm.classList.add('visible');
    }
}
</script>

Просьба объяснить как "тыковке", а то я в js ещё слабоват. Заранее спасибо!

@Balanaar · 21.12.2016, 14:56

HTML5
1
2
3
<input id="num1" type="number" required  placeholder="Ширина, мм"> //
<input id="num2" type="number" required  placeholder="Высота, мм"> //
<a href="#x" onclick="popup(1)">Заказать расчет</a>

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<div class="popup-bg" id="popup-bg">
 
 
  <div class="popup" id="popup1">
    <div class="head">
      <div class="close" onclick="popup(-1)">&times;</div>
      <span>Заполните форму</span>
    </div>
    <div class="content">
      <p>и наш менеджер свяжется с вами<br/>в ближайшее время</p>
      <form action="spasibo.php" method="post" id="auth">
        <input type="text" name="name" placeholder="Ваше имя" required="">
        <input type="tel" name="tel" placeholder="Ваш телефон" required="">
        <input type="hidden" id="width" name="num1"> //
        <input type="hidden" id="height" name="num2"> //
        <input type="submit" value="Отправить">
      </form>
    </div>  
  </div>
 
 
</div>
 
<script type="text/javascript">
  window.onload = function(){document.getElementById('popup-bg').onclick = function(e) {if (e.target != this) { return true; } popup(-1);}
  }
function popup(nm) {
    getElementById('width').value = getElementById('num1').value; //
    getElementById('height').value = getElementById('num2').value; //
    popupElm = document.getElementById("popup-bg");
    if (nm == -1) {
        popupElm.classList.remove('visible');
    } else {
        elm = popupElm.getElementsByClassName('popup');
        if (typeof nm != 'undefined')
            for (var i = elm.length - 1; i >= 0; i--) {
                if (elm[i].id == "popup" + nm) {
                    elm[i].classList.add('visible');
                    popupElm.classList.add('visible');
                } else elm[i].classList.remove('visible');
            }
        else popupElm.classList.add('visible');
    }
}
</script>

Двойным слешом помечены строки, на которые следует обратить внимание

@Seriiii · 21.12.2016, 15:14 **[ТС]**

Balanaar, Спасибо, но видимо я что-то ещё не так делаю, новые поля (ширина , высота) приходят на почту пустыми

Может если поможет сайт который в работе, раздел "Заказать расчет" верхнее левое окно http://s.lusti.net/_Okna

@Balanaar · 21.12.2016, 15:23

А... ну да. Виноват.

JavaScript
1
2
document.getElementById('width').value = document.getElementById('num1').value; 
document.getElementById('height').value = document.getElementById('num2').value;

@Seriiii · 21.12.2016, 15:32 **[ТС]**

Balanaar, Круто, спасибо :-) блин, Вы так просто это сделали, аж обидно стало за свою неграмотность. Пошел дальше JS, что-бы стыдно за себя не было)

@Balanaar · 21.12.2016, 15:42

Seriiii, не за что.
Я бы ещё порекомендовал вам поглядывать в консоль. Порой она очень о многом говорит. У вас там есть ещё несколько ошибок, не относящихся к данной теме.

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@Seriiii 0 / 0 / 0 Регистрация: 21.12.2016 Сообщений: 29
	21.12.2016, 15:14 [ТС]
	Balanaar, Спасибо, но видимо я что-то ещё не так делаю, новые поля (ширина , высота) приходят на почту пустыми Может если поможет сайт который в работе, раздел "Заказать расчет" верхнее левое окно http://s.lusti.net/_Okna 0

@Seriiii 0 / 0 / 0 Регистрация: 21.12.2016 Сообщений: 29
	21.12.2016, 15:32 [ТС]
	Balanaar, Круто, спасибо :-) блин, Вы так просто это сделали, аж обидно стало за свою неграмотность. Пошел дальше JS, что-бы стыдно за себя не было) 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	21.12.2016, 15:42
	Seriiii, не за что. Я бы ещё порекомендовал вам поглядывать в консоль. Порой она очень о многом говорит. У вас там есть ещё несколько ошибок, не относящихся к данной теме. 0

Отправка данных с формой

Решение