2009-08-12 8 views
2

新しいウィンドウにはJavaScript - window.onload - 私はJavaスクリプト書きたいと思い

の内容を置く:

  1. は、ページのロードが<div>タグの内容と
  2. 場所を取りますそのコンテンツをポップアップページに表示します。

スクリプトのアイデアですか?

要素に移動する方法はわかりましたが、コンテンツのコピー方法はわかりません。

のdivの内容はvaladation divのは、私が新しいウィンドウに同様

歓声

答えて

5
window.onload = function() { 

    var el = document.getElementById("ctl00_Main_OTClaim1_valControls"); 
    var html = ""; 

    if (el) { 
    html = document.getElementById("ctl00_Main_OTClaim1_valControls").innerHTML; 
    var xopen = window.open("about:blank"); 
    xopen.document.write(html); 
    } 
} 

--update

window.onload = function() { 

    var el = document.getElementById("ctl00_Main_OTClaim1_valControls"); //the element you want expanded 
    var html = ""; 

    if (el) { 
    html = el.innerHTML; 
    var xopen = window.open("about:blank"); 
    xopen.document.write(html); 
    } 
} 
+0

のようにこれを少しもっとエレガントにすることを忘れてしまった:if(el){html = el.innerHTML; – montrealist

+0

はい、あなたと書いて、 ) –

2

コピーしたいものを含んでいる。この

 <div id="validationDiv"> 
     <div id="ctl00_Main_OTClaim1_valControls" class="errorpanel" style="color:Red;"> 
     <ul><li>Approver Name - required field.</li><li>Week Commencing Date - required field.</li><li>Summary of Hours Worked must be completed.</li><li>At least one item must be claimed to proceed.</li></ul> 
    </div> 
    </div> 

のようなものになります。

var copy = document.getElementById("validationDiv").innerHTML; 

新しいウィンドウを作成する:

var newWin = window.open("", "My window", "width=250,height=250,scrollbars=1,resizable=1") 
newWin.document.write("<html><head></head><body>" + copy + "</body></html>") 
+0

.innerHTML dosntは、それがnull値を返す動作するようです。 :/ – Jambobond

+0

ああ私はそれを持っている、 "丸印validationDiv – Jambobond

2

ような何か:

<script> 
window.onload = function() { 
    my_window = window.open ("","mywindow1","status=1,width=350,height=150"); 
    my_window.document.write(document.getElementById('someDiv').innertHTML); 
}; 
</script> 
関連する問題