Создание формы внутри фрейма и передача результата из формы между фреймами

@Arayi · Регистрация: 05.02.2020

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

Доброго времени суток!

Столкнулся с проблемой при создании фреймов и опросника внутри фрейма.

Само задание выглядит так:
1. Создать фреймовую структуру с тремя фреймами
2. В фрейм №1 добавить форму
3. После клика на "Готово" передать результат формы в виде суммы всех полученных ответов во фрейм №2
4. В фрейм №3 нужно закинуть классификатор формы (но это просто - объяснения не требует)

Что есть у меня. Фреймовая структура. Форма HTML с radiobutton-ами, которую заполняя и кликая "Готово" выдает результат в тот же HTML перезаписывая его. (То что код сделан топорно и костыльно понимаю... - пока учусь...)

Вопрос собственно. Как результат выданный после суммирования ответов формы перекинуть во второй фрейм. Желательно, чтоб фрейм 1 не обновился\не перезаписался.

Если есть книги\совет\сайтики\туториалы\видосы где про это можно почитать\посмотреть, покорнейше прошу закинуть ну или объяснить как сделать такой финт ушами.

Из предположений, как это можно сделать: Закинуть результат в файлик и уже его поместить во второй фрейм (только как это сделать я так и не разобрался...)

Заранее спасибо)

Файлик с фреймами

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!doctype html>
<html>
 
<head>
  <meta charset="utf-8">
  <title></title>
</head>
<frameset frameborder=0 framespacing=0 border=0 rows="75%, 25%" scrolling = "auto">
  <frameset cols="50%,50%" scrolling = "auto">
    <frame src="cyber1.html" name="Form">
    <frame>
  </frameset>
<frame>
</frameset>
<body>
 
</body>
 
</html>

Файлик с формой

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
46
47
48
49
50
51
52
53
54
55
56
57
<!doctype html>
<html>
 
<head>
  <meta charset="utf-8">
  <title></title>
  <script>
      function care (a1, a2, a3, a4, a5)
      {let sum=(+a1 + +a2 + +a3 + +a4 + +a5); document.write('Ваш результат ', sum); return sum}
  </script>
        </head>
<body>
<form id="Opros" name="Opros" method="get" onSubmit="document.Opros.target = 'f2'; return true;">
  <p>
    1. Какой-то вопрос?<br>
    Ответ:<br>
    <input type="radio" name="Answer1" value="2"> Да<br>
    <input type="radio" name="Answer1" value="0"> Нет<br>
    <input type="radio" name="Answer1" value="1"> Иногда<br>
  </p>
<p>
    2. Еще один какой-то вопрос?<br>
    Ответ:<br>
    <input type="radio" name="Answer2" value="2"> Да<br>
    <input type="radio" name="Answer2" value="0"> Нет<br>
    <input type="radio" name="Answer2" value="1"> Иногда<br>
  </p>
<p>
    3. Третий вопрос, но еще не последний?<br>
    Ответ:<br/>
    <input type="radio" name="Answer3" value="2"> Да<br>
    <input type="radio" name="Answer3" value="0"> Нет<br>
    <input type="radio" name="Answer3" value="1"> Иногда<br>
  </p>
<p>
    4. Вот ну почти последний?<br>
    Ответ:<br>
    <input type="radio" name="Answer4" value="2"> Да<br>
    <input type="radio" name="Answer4" value="0"> Нет<br>
    <input type="radio" name="Answer4" value="1"> Иногда<br>
  </p>
<p>
    5. Ну здесь точно последний вопрос?
    Ответ:<br/>
    <input type="radio" name="Answer5" value="2"> Да<br>
    <input type="radio" name="Answer5" value="0"> Нет<br>
    <input type="radio" name="Answer5" value="1"> Иногда<br>
  </p>
 
  <input type="submit" name="Sub" value="Готово" onClick="care(document.Opros.Answer1.value,
  document.Opros.Answer2.value,document.Opros.Answer3.value,document.Opros.Answer4.value,
  document.Opros.Answer5.value)">
  <input type="reset" value="Сбросить">
</form>
</body>
 
</html>

@mrtoxas · 06.02.2020, 20:27

Пример "общения" между фреймами есть в этой теме

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	06.02.2020, 20:27
	Пример "общения" между фреймами есть в этой теме 1