Спасибо за ответ, но у меня не получается внедрить его в свой код.
Вот полный код:
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="common.js"></script>
</head>
<body>
<table>
<tr>
<td id="item0">
<iframe src="content0.html" id="content0"></iframe>
</td>
<td id="item1">
<iframe src="content1.html" id="content1"></iframe>
</td>
<td id="item2">
<iframe src="content2.html" id="content2"></iframe>
</td>
<td id="item3">
<iframe src="content3.html" id="content3"></iframe>
</td>
<td id="item4">
<iframe src="content4.html" id="content4"></iframe>
</td>
<td id="item5">
<iframe src="content5.html" id="content5"></iframe>
</td>
<td id="item6">
<iframe src="content6.html" id="content6"></iframe>
</td>
<td id="item7">
<div id="content7"></div>
</td>
</tr>
</table>
</body>
И соответственный ему js
window.onload = function() {
var content_height = 500;
document.getElementById("item0").onclick = function() {
document.getElementById("content0").style.display = "block";
};
document.getElementById("item1").onclick = function() {
document.getElementById("content1").style.display = "block";
};
document.getElementById("item2").onclick = function() {
document.getElementById("content2").style.display = "block";
};
document.getElementById("item3").onclick = function() {
document.getElementById("content3").style.display = "block";
};
document.getElementById("item4").onclick = function() {
document.getElementById("content4").style.display = "block";
};
document.getElementById("item5").onclick = function() {
document.getElementById("content5").style.display = "block";
};
document.getElementById("item6").onclick = function() {
document.getElementById("content6").style.display = "block";
};
document.getElementById("item7").onclick = function() {window.close();};
};
(я упростил код, оставил только то, что касается моего вопроса.)