サブウィンドウ関係のコードの改造(その2)
文末のコードは http://oshiete1.goo.ne.jp/qa3161625.html
にてNo2ご教示いただいたものですが、
(1) 1回サブウィンドウを開くと2回目以降、うんともすんとも言わなくなってしまいます(スクリプトエラーにもなりません)。なぜでしょうか?
(2) 開いたサブウィンドウのソースをみると、
<HTML></HTML>としか書かれていませんが、タイトルは「題名1」とセットされてますし画像も表示されています。なぜでしょうか。
開いたサブウィンドウの上下左右の余白をゼロにしたいので
<body style="margin: 0px;">などとしたいのですが。
以上、よろしくお願い致します。
<html>
<head>
<script>
function openNewWin(url,winTitle){
//画像オブジェクト作成
var img = new Image();
img.src = url;
//画像のロード後に窓を開く
img.onload=function(){
//画像の横幅
var width = this.width;
//画像の横幅でabout:blankを開く
var Win=window.open("", "new", 'scrollbars=yes,top=0,left='+(getScreenWIDTH()-width)+',width='+width+',height='+(getScreenHEIGHT()+20));
//Winのdocumentにタイトルをつける
Win.document.title = winTitle;
Win.document.body.innerHTML = '<img src="' + this.src + '" onclick="window.close();" alt="閉じる">';
}
}
function getScreenHEIGHT(){
if(!!window.screen){
return screen.height-80;
}else{
return null;
}
}
function getScreenWIDTH(){
if(!!window.screen){
return screen.width-12;
}else{
return null;
}
}
// -->
</script>
</head>
<body>
<a href="#" onClick="openNewWin('myimg1.gif','題名1')">開く1</a>
<a href="#" onClick="openNewWin('myimg2.gif','題名2')">開く2</a>
</body>
</html>
お礼
ありがとうございました。 実をいえば、この質問のキャラクターは、前の質問のキャラクターと同一人物ですよ。