JSを使用してポップアップウィンドウにHTMLコンテンツ(ファイルではなく)を表示できますか?
ポップアップウィンドウを開いて、この中にユーザー定義のHTMLを表示しようとしています。以下を試していますが、うまくいきません。
window.showModalDialog("<p>Pop up window text</p>","resizable: yes");
誰かが私にこれを行う方法を提案できますか?前もって感謝します。
JSを使用してポップアップウィンドウにHTMLコンテンツ(ファイルではなく)を表示できますか?
ポップアップウィンドウを開いて、この中にユーザー定義のHTMLを表示しようとしています。以下を試していますが、うまくいきません。
window.showModalDialog("<p>Pop up window text</p>","resizable: yes");
誰かが私にこれを行う方法を提案できますか?前もって感謝します。
とは異なりwindow.open()
、の最初の(URL)引数showModalDialog()
は必須です。したがって、HTML文字列を渡すことはできません。次のいずれかを使用できますwindow.open
:
var newWindow = window.open("", "newWindow", "resizable=yes");
newWindow.document.write('<p>Pop up window text</p>');
または、 jQueryUIDialogやTwitterBootstrapModalsなどの既存のモーダルプラグインの1つを使用します。これらを使用すると、既存のHTML要素のコンテンツに基づいてモーダルウィンドウを簡単に表示できます。例:
<div id="dialog">
<p>Pop up window text</p>
</div>
$('#dialog').modal(); // Twitter Bootstrap
$("#dialog").dialog({ resizable: true }); // jQuery UI