3

JSを使用してポップアップウィンドウにHTMLコンテンツ(ファイルではなく)を表示できますか?

ポップアップウィンドウを開いて、この中にユーザー定義のHTMLを表示しようとしています。以下を試していますが、うまくいきません。

window.showModalDialog("<p>Pop up window text</p>","resizable: yes");

誰かが私にこれを行う方法を提案できますか?前もって感謝します。

4

1 に答える 1

5

とは異なりwindow.open()、の最初の(URL)引数showModalDialog()は必須です。したがって、HTML文字列を渡すことはできません。次のいずれかを使用できますwindow.open

var newWindow = window.open("", "newWindow", "resizable=yes");
newWindow.document.write('<p>Pop up window text</p>');

または、 jQueryUIDialogTwitterBootstrapModalsなどの既存のモーダルプラグインの1つを使用します。これらを使用すると、既存のHTML要素のコンテンツに基づいてモーダルウィンドウを簡単に表示できます。例:

<div id="dialog">
  <p>Pop up window text</p>
</div>

$('#dialog').modal(); // Twitter Bootstrap
$("#dialog").dialog({ resizable: true }); // jQuery UI
于 2012-08-20T10:53:10.940 に答える