Как получить данные из формы и разместить их в iframe? - PullRequest
Новая
       1

Как получить данные из формы и разместить их в iframe?

0 голосов
/ 16 ноября 2011

Итак, у меня есть форма ... 

<fieldset>
<legend>Post a comment:</legend>
<form target="forum" method="post" action="forum.**SomeKindOfExtension**" >
                Name: <br />
        <input type="text" name="fname" /><br />
                Subject:<br />
        <input type="text" name="subject" size="50"/><br />
                Comment:<br />
<textarea name="comment" rows="10" cols="100">Hello,</textarea><br />

<input type="submit" value="Send" />
<input type="reset" value="Reset" />

</fieldset>
</form>

Затем я хочу взять данные (имя, тему и комментарий) и поместить их в iframe ... 

<iframe name="forum" src="forum.**SomeKindOfExtension**" 
width="900" height="500" ></iframe>

Надеюсь, вы видите мою проблему, которая , какой тип файла будет читать данные формы и отображать их в окне iframe ? Когда я смотрю ответы, кажется, что люди используют javascript или php, но я не могу заставить какой-либо код работать на меня.

Так что, если бы кто-нибудь мог мне здесь помочь, это было бы очень признательно.

1 Ответ

0 голосов
/ 17 ноября 2011

Использование iframe на той же странице не имеет смысла, поскольку при нажатии на кнопку отправки вся страница будет передана на другую страницу, указанную в атрибуте действия формы.

Вместо этого вы можете использовать другую кнопку (не кнопку отправки) для отправки данных в iframe или использовать родительскую страницу, а затем включить два ваших фрейма, то есть форму и iframe.

Вот первый пример

mainpage.html 

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <BODY>

          <iframe src="frame.html" width="100%" height="100%" name="someFrame"></iframe>

          <FORM name="form1">
               <INPUT type="button" value="Click Me" 
               onClick="someFrame.document.form1.text1.value='Me!'">
          </FORM>
     </BODY>
</HTML>

frame.html 

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <BODY>
          <FORM name="form1">
               <INPUT type="text" name="text1" size="25" value="">
          </FORM>
      </BODY>
</HTML>

Вот второй пример

parent.html 

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <FRAMESET cols="80%,20%">
          <FRAME SRC="left.html" name="left_frame">
          <FRAME SRC="right.html" name="right_frame">
     </FRAMESET>
</HTML>

left.html 

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <BODY>
          <FORM>
               <INPUT type="button" value="Click ME" 
               onClick="parent.right_frame.document.form1.text1.value='Me!'">
          </FORM>
     </BODY>
</HTML>

right.html 

<HTML>
     <HEAD>
          <TITLE>JavaScript Example</TITLE>
     </HEAD>

     <BODY>
          <FORM name="form1">
               <INPUT type="text" name="text1" size="25" value="">
          </FORM>
      </BODY>
</HTML>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...