У меня есть текстовое поле HTML и IFrame. Нажав кнопку, я хотел бы иметь возможность загружать содержимое текстового поля в IFrame.
Например, когда пользователь вводит Hello World в текстовое поле и нажимает кнопку отправки, текст Hello World появится в IFrame.
Любые идеи о том, как это можно сделать? Заранее спасибо.
ПРИМЕЧАНИЕ. Я хотел бы использовать JQuery, но я думаю, что для этого мне придется использовать PHP. Это звучит больше на стороне сервера.
Вы можете настроить таргетинг на iframe только с помощью jquery:
<html> <head> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#btnSubmit').click(function () { var content = $("#test").val(); $('#iframe1').contents().find('p').html(content); }); }); </script> </head> <body> <textarea name="test" id="test" rows="5" cols="40"></textarea> <button id="btnSubmit">Post to iFrame</button> <iframe name="iframe1" id="iframe1" src="test2.html"></iframe> </body> </html>
Ваша страница содержимого iframe, в данном случае «test2.html» будет иметь что-то вроде этого:
<html> <body> <p>[intro text or whatever]</p> </body> </html>
Вот предыдущая запись S / O с аналогичной проблемой: выбор элемента в iFrame jQuery
var content = $("#myTextarea").val(); $('#myIframe').contents().find('html').html(content);
(edit) … и #myIframe должно быть изначально:
<html></html>