получить содержимое из текстового поля в слое iframe - PullRequest
Новая
       27

получить содержимое из текстового поля в слое iframe

1 голос
/ 20 августа 2009

Я новичок в jquery, так что вроде как ваша помощь / руководство, чтобы сделать это. я получил текстовое поле, где я пишу HTML-теги. Теперь, что я хочу сделать, это кнопка предварительного просмотра. он должен открыть слой / всплывающее окно jquery с написанным HTML из моего текстового поля, чтобы я мог его увидеть. есть ли способ, чтобы кто-нибудь из вас мог направить меня туда, где можно найти подобные сценарии, или немного помочь? Я искал это, но все, что я нахожу, это как открыть iframes с внешними источниками. Мне нужно передать свой собственный HTML в iframe.

спасибо заранее

Ответы [ 3 ]

1 голос
/ 20 августа 2009

Это сработало для меня: 

<link href="jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="ui.core.js" type="text/javascript"></script>
<script src="ui.dialog.js" type="text/javascript"></script>

<input type="submit" value="Submit" id="button" />
<input  type="text" id="txtBody" />
<br />

<div id="dialog" style="display: none;">
</div>

<script type="text/javascript">
    $("#button").click(function() {
        $("#dialog").html($("#txtBody").val());
        $("#dialog").dialog().dialog("open");
    });
</script>

На самом деле, я ошибся в использовании .html (). Правильный путь - использовать .val ().

0 голосов
/ 20 августа 2009

Хорошо, допустим, у вас есть текстовое поле с идентификатором txtBody, триггерная кнопка с идентификатором button и пустой элемент div с идентификатором dialog, который будет использоваться для диалога.
Тогда вам придется сделать это так: 

<script type="text/javascript">
    $("#button").click(function() {
        $("#dialog").html($("#txtBody").html());
        $("#dialog").dialog();
    });
</script>

Только не забудьте включить на эту страницу jQuery и jQuery UI.

0 голосов
/ 20 августа 2009

Действительно ли вам необходимо использовать iframe или всплывающее окно? Есть и другие решения, такие как http://jqueryui.com/demos/dialog/, которые не заставляют вас иметь отдельный элемент документа HTML. Или вы можете просто использовать любой элемент для этого: 

$("#target").html($("#source").html())
...