複数の div を持つ jsp があります。div データ全体を使用innerHTML
してポップアップ ウィンドウに表示しています。これを使用すると、すべての css スタイルを取得できなくなります。
関数は次のとおりです。
function popupWin(cs) {
var divText1 = document.getElementById("divId").innerHTML;
var divText2 = document.getElementById("divId"+cs).innerHTML;
var divText3 = document.getElementById("divId"+cs+"abc").innerHTML;
var myWindow = window.open('',"mywindow","status=no,menubar=no,resizable=yes,toolbar=no,scrollbars=yes,addressbar=no,height=600,width=800");
var doc = myWindow.document;
doc.open();
doc.write('<link href="styles/shared/common.css" rel="stylesheet" type="text/css" />');
doc.write('<link href="styles/parent/common.css" rel="stylesheet" type="text/css" media="all" />');
doc.write('<link href="styles/parent/print.css" rel="stylesheet" type="text/css" media="print" />');
doc.write('<link rel="stylesheet" type="text/css" href="styles/admintool.css" />');
doc.write(divText1);
doc.write(divText2);
doc.write(divText3);
doc.close();
}
この関数を使用すると、一部のスタイルのみが機能します。