Intereting Posts
Чтение большого текстового файла php Как запустить работу cron с помощью zend framework 2 Does ReflectionClass :: getProperties () также получает свойства родителя? Как создать чат Gmail? Как подключиться к AIM и разрешить чат AIM? Получение продуктов с желаемыми атрибутами Глобальный или Singleton для подключения к базе данных? Переопределить функцию php по умолчанию получить уникальное значение из массива и итоговых сумм удалить цитаты из ключей json_encode PHP – назначить значение функции константе класса Почему zend_form не может заполнять входы с записями из Firebird db с диакритическими символами? Какое использование ключевого слова в закрытии в php Есть ли ограничение на длину запроса в mysql? Предупреждение: file_get_contents не удалось открыть поток: время ожидания подключения включает / simple_html_dom.php в строке 75 Как предоставить разрешение apache для записи в домашний каталог?

JQuery Загрузка содержимого текстового поля в IFrame

У меня есть текстовое поле 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>