2009-08-20 34 views
1

私はjqueryを初めて利用しています。私はhtmlタグを書くテキストボックスを手に入れました。今私がしたいのはプレビューボタンです。私はそれを見ることができるように、私のテキストボックスから書かれたHTMLとjqueryの層/ポップアップを開く必要があります。あなたの誰かがこのようなスクリプトを見つける場所を教えてくれるか、少し助けてくれる方法がありますか?私はこれを探しましたが、私が知るのは、外部ソースを使ってiframeを開く方法です。私は自分のhtmlをiframeに渡す必要があります。あなたはIFRAMEやポップアップを使用するため、事前iframeのテキストボックスのコンテンツを取得する

答えて

1

これが私の仕事:

<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

THXは、それが本当に必要ですか? http://jqueryui.com/demos/dialog/のような別の解決策がありますが、別のHTMLドキュメント要素を使用する必要はありません。それとも、ただそのために任意の要素を使用することができます。

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

テキストボックスに入力されているHTMLですが、.html()ではなく、必要な.val()関数だと思います。それを試してください、私は間違っている可能性があります –

+0

さて、私は彼がHTMLとして入力をレンダリングしたいと思った。もちろん、私も間違っている可能性があります。 –

+0

ああ、私も