自分自身のhtml/javascriptコードでポップアップウィンドウを開く

ポップアップウィンドウを開きたいが、リンクがない。ちょっとしたHTMLとJavascriptコード（関数を渡している）で開く。自分自身のhtml/javascriptコードでポップアップウィンドウを開く

はしてみました：

window.open($('.my_html').html(), "Booking", "width=950,height=680");

私はそれをどのように行うことができますか？

出典

2011-10-26 markzzz

あなたは何か試しましたか、あなたのためにあなたの仕事をしたいですか？ – simonlchilds

もちろんそうです。例を追加しました... – markzzz

writeConsole('Hello from JavaScript!'); 
function writeConsole(content) { 
top.consoleRef=window.open('','myconsole','width=350,height=250'); 
top.consoleRef.document.write(content) 
top.consoleRef.document.close() 
}

Source

出典

2011-10-26 08:07:36

これはうまくいくようです。しかし、どのようにしてcss属性も含めることができますか？ :) – markzzz

OKしました。私は要素を含めて解決します（これはdinamicallyロードします）。それはいいです:) – markzzz

あなたはこのようにそれを行うことができます。

var popup = window.open(#mySettings#);

、その後

popup.document.write('#myHTML#');

出典

2011-10-26 08:03:06 m90

ええ、 '＃mySettings＃'は何でしょうか？実際には、それは "htmlソース"ではなく、URIを取得します – markzzz

そのまま（URI）を空白のままにします。 – m90

function openpopup(content){ 
    winpops=window.open('',"test","fullscreen=no,toolbar=yes,status=yes, " + 
    "menubar=yes,scrollbars=yes,resizable=yes,directories=yes,location=yes, " + 
    "width=500,height=400,left=100,top=100,screenX=100,screenY=100"); 
    winpops.document.write(content); 
} 
openpopup('<h1>This is some test content</h1>');

あなたはどのイベントに関数を呼び出すと、表示したいコンテンツを供給することができます。

出典

2011-10-26 08:06:23 Zagor23

彼は、URLを表示したくないと言います。彼はそのウィンドウにカスタムコードを書きたいと思っています。 –

私はそれを修正しました。最初はリンククリックで開こうとは思っていませんでした。 – Zagor23

あなたは、ブラウザのポップアップを使用する必要がありますか？彼らは迷惑で、広告ブロッカーによってブロックすることができます。

代わりにモーダルウィンドウとして使用してみませんか？このように：http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/

またはjQueryプラグインjqModal。

出典

2011-10-26 08:12:31

実際に私が必要としているのは、 "ポップアップ"（後で）を印刷することです。windows.printがあなたのメソッドで失敗すると思います... – markzzz

モーダルと一緒に非表示にしてプリントスタイルまたはスタイルシェットを追加できますモーダルを除くすべて。 –

は、単純なサイトでは大丈夫ですが、要素のトンではありません:)私はポップアップで大丈夫です、ありがとう – markzzz

あなたはスクリーンショットhereと

function openNewPage() { 
    top.consoleRef=window.open('','myconsole', 
     ',menubar=0' 
     +',toolbar=1' 
     +',status=0' 
     +',scrollbars=1' 
     +',resizable=1'); 
    top.consoleRef.document.writeln(
     '<html><head><title>Open Source For Geeks Tutorial</title></head>' 
     +'<body bgcolor=white onLoad="self.focus()">' 
     + '<h1><b><i>This is a new Window!</i></b></h1>' 
     + '<textarea rows="40" cols="100">' 
     + document.getElementById("SubmitTextID").value 
     + '</textarea>' 
     +'</body></html>' 
    ); 
    top.consoleRef.document.close(); 
}

詳細を次のようにJavaスクリプトを使用して行うことができます。

出典

2014-06-07 18:55:54

自分自身のhtml/javascriptコードでポップアップウィンドウを開く

答えて

関連する問題