テンプレート配布サイトさんからダウンロードした、フレーム使用のテンプレートを使用しています。
フレームに表示される文字をクリックすると、
隣のフレームに対象のファイルが表示されるようにリンクを貼りたいのですが、上手く表示されません。
別窓ですら表示されません。一応target指定をしているつもりなのですが…。
クリックしても何も起こらないといった感じです。
自分で制作したhtmlファイルのリンクを貼ったときにこの問題が生じます。
試しに、ダウンロードしたものの中の、別のhtmlファイルを適当にリンクさせてみたところ、
正常に表示されました。
多分、私が制作したhtmlファイルに何かしらの改善点が要るのでしょうが、どこが問題なのか分かりません。
もちろん、リンクするファイルのある階層や、ファイル名も確認したのですが…。
詳しく書くと…
"menu"フレームに表示される「小説」の文字をクリックすると、"g"フレームにtext.htmlが表示されます。
text.htmlに表示されている「test」をクリックして、aaa.htmlを"t"フレームに表示したいのですが、何も起こりません。
これがフレームのタグ、ですよね。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title>site name</title>
</head>
<frameset cols="220,170,*" frameborder="no" border="0">
<frame src="menu.html" name="menu" scrolling="auto">
<frame src="g.html" name="g" scrolling="auto">
<frame src="top.html" name="t" scrolling="auto">
<noframes>
<body>
<p>このページを表示するには、フレームをサポートしているブラウザが必要です。</p>
</body>
</noframes>
</frameset>
</html>
以下がmenu.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title></title>
<link rel="STYLESHEET" href="style.css" type="text/css">
<script type="text/javascript">
<!--
function expand(id) {
if (id.style.display == "none") {
id.style.display = "";
}
else {
id.style.display = "none";
}
window.event.cancelBubble = true;
}
// -->
</script>
</head>
<body bgcolor="#000000">
<h1>JQ</h1>
<div class="menu">
<a href="text.html" target="g">小説</a><br>
<a href="bkm.html" target="t">bookmark</a><br>
<a href="">day</a><br>
<a href="index.html" target="_top">index</a><br>
<br>
<a href="main.html" target="_top">all reset</a>
</div>
<br>
</div>
</body>
</html>
以下がtext.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<title></title>
<link rel="STYLESHEET" href="style.css" type="text/css">
</head>
<body>
<h3>short</h3>
( ↓old ↑new )<br>
</p>
<h5><a href="aaa.html" target="t">test</a></h5>
<p class="text">test</p>
<h5><a href=""></a></h5>
<p class="text"></p>
<h5><a href=""></a></h5>
<h5><a href=""></a></h5>
<h5><a href=""></a></h5>
<h5><a href=""></h5>
<h5><a href=""></a></h5>
<h5><a href=""></a></h5>
<h5><a href=""></a></h5>
<h5><a href=""></a></h5>
</p>
</body>
</html>
以下がaaa.html(text.htmlと同じ階層にあります。)
<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD>
<BODY>
test
</BODY>
</HTML>
以上、大変長く書き連ねてしまいましたが、問題点を教えてくださいましたら助かります。
よろしくお願いします。