| ポイント |
<![CDATA[
tag += "<img src='"+iName+"'>";
subWin.document.open();
subWin.document.write(tag);
subWin.document.close();
]]>
|
| 説 明 |
親ウィンドウ上の画像をクリックしてサブウィンドウに画像を追加するには、クリックされた画像に応じたimgタグを変数に追加していきます。追加された変数をdocument.writeを使って一括してサブウィンドウに出力します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>クリックされた画像をサブウィンドウに追加する</title>
<script Language="JavaScript"><!--
subWin = window.open("sub.html","sub","width=320,height=240");
tag = ""; // 追加する画像のタグ格納用
function addImg(iName)
{
tag += "<img src='"+iName+"'>";
subWin.document.open();
subWin.document.write(tag);
subWin.document.close();
}
// --></script>
</head>
<body>
クリックされた画像をサブウィンドウに追加します。<br>
<br>
<a href="javascript:addImg('0.jpg')"><img src="0.jpg"></a>
<a href="javascript:addImg('1.jpg')"><img src="1.jpg"></a>
<a href="javascript:addImg('2.jpg')"><img src="2.jpg"></a>
<a href="javascript:addImg('3.jpg')"><img src="3.jpg"></a>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
クリックされた画像をサブウィンドウに追加する