2011-12-07 23 views
2

私は自分のページに非表示のdivを持っています。私は同じページ内のライトボックスとは別のウィンドウでそれを開く方法があるのだろうかと思っていました。これをLightboxメソッドで行う方法はたくさんありますが、別のウィンドウでその方法を見つけることはできません。私は別のポップアップウィンドウでdivを開くにはどうすればいいですか(ライトボックスモーダルウィンドウではなく)

が、これはdiv要素であると仮定しますページ上のjQueryを実行しています:

<style> 
    #hidden { 
     visibility: hidden; 
    } 

</style> 

<div id="hidden"> 
    <p>I am a hidden div</p> 
    <p>Hopefully i'll open up in a new window</p> 
</div> 

あり、私はjQueryのでは、以下の方法を試してみましたが、それだけで

$(".button").click(function(){ 
      window.open('#yeah'); 
     }); 

答えて

8

あなたはポップアップウィンドウに内容を設定するためのdocument.writeを使用することができます。

var w = window.open(); 
w.document.write($("#hidden").html()); 
w.document.close(); //finish "loading" the page 
1

同じページを開いてしまいましたドキュメントを見てください。 window.ope nにはURLが必要です。

これはjQuery関数ではなく、JavaScriptです。

2

これは、window.openを間違って使用しているためです。

こちらをご覧ください:https://developer.mozilla.org/en/DOM/window.open

var windowObjectReference; 
var strWindowFeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes"; 

function openRequestedPopup() 
{ 
    windowObjectReference = window.open("http://www.cnn.com/", "CNN_WindowName", strWindowFeatures); 
} 
関連する問題