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

@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, не за что.
Я бы ещё порекомендовал вам поглядывать в консоль. Порой она очень о многом говорит. У вас там есть ещё несколько ошибок, не относящихся к данной теме.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@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

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

Решение