上下のフレームを使ったホームページを作っています。
上にメニュー、下に内容が載っています。
メニュー項目は5つ程あり、
下のフレームがターゲットとなって他のページにリンクするようになっています。

そこで質問なんですが、5つあるメニュー項目は下のフレームの内容のタイトルになっているので、クリックをした時に下の内容に合っているメニュー項目だけ色を変えて表示したいのです。

どのように設定すれば良いですか?教えて下さい。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

こんにちはsyamoさん、xruzです。


ホームページビルダーでどう設定するのかわかりませんが、
JavaScriptでは以下のようになります。

<Html>
<Head>
<Title>chgColor</Title>
</Head>
<style>
<!--
.mn {background:white};
//-->
</style>
<Script Language="JavaScript">
<!--
var saveTD;
function chgColor(otd) {
if(saveTD) saveTD.style.background="white";
saveTD=otd;
saveTD.style.background="aqua";
}
//-->
</Script>
<Body>
<Table Border="0" Align="center" bgColor="pink">
<Tr><Td>
<a href="http://www.goo.ne.jp/" target="main"
class="mn" onClick="chgColor(this);">goo1</a>
</Td><Td>
<a href="http://www.goo.ne.jp/" target="main"
class="mn" onClick="chgColor(this);">goo2</a>
</Td><Td>
<a href="http://www.goo.ne.jp/" target="main"
class="mn" onClick="chgColor(this);">goo3</a>
</Td><Td>
<a href="http://www.goo.ne.jp/" target="main"
class="mn" onClick="chgColor(this);">goo4</a>
</Td><Td>
<a href="http://www.goo.ne.jp/" target="main"
class="mn" onClick="chgColor(this);">goo5</a>
</Td></Tr>
</Table>
</Body>
</Html>

動作確認:Ie5.5sp2、Ie5.0sp2、NN6.1
動作不可:NN4.75
がんばってくださいね。
    • good
    • 0

 ホームページビルダーのバージョンがわかりませんので、少し違うかもわかりません。


 私の知っている2000のバージョンでお答えいたします。(あまり変わらないはずです)
 まず、上の画面 menu.htmとして、メニューに 「太陽系」の文字があるとします。 そして下の画面 down.htm に「地球」 の文字があるとします。
 上の太陽系 の文字を押すと下の画面の地球にアクションが起これば良いのですね。
 
 まず、下の「地球」の文字を反転させて右クリックして リンクの挿入 で ラベルをつける からラベル(chikyuなど適当に)をつけます。そしてその下の詳細設定で、イベントから起こしたいアクションを打ち込みます。希望のアクションサンプルが無ければ、これはここで自分で打ち込まなければなりません。
 次に上の「太陽系」の文字を反転、右クリック/リンクの挿入/ラベルへ を開きます。 ラベルのところに先ほど付けたラベル名(chikyu)を入れ、次に他のファイル のところに down.htm もしくは フレームのhtm.名 を入れます。 
 とりあえず、バージョンによって付属しているサンプルが異なります。 2000のバージョンでは、今のやり方で下の画面のトップに「地球」の文字が来ます。そしてアクションは、マウス関係、ステータスバー関係、フォーカス関係しかサンプルがありません。 サンプル内で妥協できない場合は、詳細設定のところでxruzさんのような打ち込みが必要です。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q上フレームページと下フレームページが共にページのTOP(一番上)の位置

上フレームページと下フレームページが共にページのTOP(一番上)の位置が見えるよなリンクの仕方を教えてください。

HTML初心者です。上下2つに分けたフレームページを作っています。
下フレームページの下の方の位置のリンクボタンをクリックすると上フレームページが見えなくなってしまいます。また下フレームページも下の方の位置へリンクしてしまいます。

下フレームページのどの場所のリンクボタンをクリックしても常に
上フレームページと下フレームページが共にページのTOP(一番上)の位置が見えるよなリンクの仕方をご教授ください。初心者ですのでなるべく簡単で具体的なHTMLの書き方を教えてください。
どうぞよろしくお願い致します。

Aベストアンサー

意味がよくわかりませんが、とりあえずjavascriptを使って

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<tytle>Test</tytle>
<script type="text/javascript">
function movetop(f){
f.contentWindow.scrollTo(0,0);
}
</script>
</head>
<frameset rows="50%,*" frameborder="yes" border="1" framespcing="0">
<frame src="/ue.html" onload="movetop(this);" id="ue" name="ue">
<frame src="/shita.html" onload="movetop(this);" id="shita" name="shita">
</frameset>
</html>

意味がよくわかりませんが、とりあえずjavascriptを使って

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<tytle>Test</tytle>
<script type="text/javascript">
function movetop(f){
f.contentWindow.scrollTo(0,0);
}
</script>
</head>
<frameset rows="50%,*" frameborder="yes" borde...続きを読む

Q上下フレーム分割ページでプルダウンメニューはできますか?

こんにちは。
いつもお世話になっております。

HPのコンテンツが増えてきたので、スタイルシートを
使って、プルダウンメニューにしたのですが・・・。

ちょっと、メニューの項目名を変えたい、と思った
時に、全部のページを変更してまわるのは、手間だなぁ
と思って、上下でフレーム分割をして、上に
プルダウンメニュー、したに、それぞれのページが
来るようにしたいのです。

ためしにやってみたのですが、プルダウンがしたの
ページで隠れてしまう上に、
タイムエラーが出ました。 デバッグして下さい
というエラーメッセージが出てします。

上下フレーム分割ページでプルダウンメニューはできない
のでしょうか・・・?

どうかご指導よろしくお願いいたします。

Aベストアンサー

こんにちは。No.1のものです。

プルダウンメニューを表示した時に下のフレームに
隠れてしまうとの事ですね?
確かにそうですね。すみません。
今のところ、両方とも子フレームなので、親子関係を
作ってあげたら出来るかもしれません…。

とりあえず抵抗がなければインラインフレームを
使うのが一番簡単だと思います。

前のindex.htmlを使うのをやめて、
code_top.htmlを変更します。

code_top.html---------------------------------
<iframe src="code_blank.html" name="contents" width="100%" height="95%" frameborder="0" noresize style="margin-top:60px; border-style:solid; border-width:1px; border-color:#888888;">
</iframe>
</body>
</html>
-----------------------------------------------
最後のbodyの閉じタグの直前に
上記<iframe>~</iframe>を追加してください。
トップページはcode_top.htmlとなります。

レイアウトはどのようにしているのかは
分かりませんが、とりあえず上に詰めても
かぶらないと思います。
適宜修正お願いします。

ではでは。

こんにちは。No.1のものです。

プルダウンメニューを表示した時に下のフレームに
隠れてしまうとの事ですね?
確かにそうですね。すみません。
今のところ、両方とも子フレームなので、親子関係を
作ってあげたら出来るかもしれません…。

とりあえず抵抗がなければインラインフレームを
使うのが一番簡単だと思います。

前のindex.htmlを使うのをやめて、
code_top.htmlを変更します。

code_top.html---------------------------------
<iframe src="code_blank.html" name="contents" width="...続きを読む

Qフレーム分割の件で質問です、先ず上下分割、そして、次に下のフレームのみ、左右分割するとします

フレーム分割の件で質問です、先ず上下分割、そして、次に下のフレームのみ、左右分割するとします、このとき、先に、仕切った上下分割のフレームの境界線のみを消す方法を知りたいのですが?
そんな、タグはないでしょうか?
フレームについての説明はWEB上にあるのですが、具体的に、そのまま使えるタグをしましてくれているものは無くて、、、、

Aベストアンサー

<frameset rows="120,*" frameborder="0">
では?
その説明ページを読んでなぜ理解できなかったのかがわかりません。
これであってるとよいですが・・・。

Qフレームのページが上下逆に表示されてしまいます。

Dreamweaver3でフレーム2分割のHPを作りました。
アップして1台のパソコンで表示すると正常に見られますが、もう1台のパソコンで見ると上下逆に表示されてしまいます。
更新させると正常の表示されます。
一体何が原因なのかさっぱりわかりません。

パソコンはどちらもWin98でブラウザはIEの6.0です。

下記はフレームセットのソースです。
原因のわかるかたがおりましたらよろしくお願いします。
-----------------------------------------------
<html>
<head>
<titleタイトル</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</head>

<frameset rows="420,180" frameborder="0" border="0" framespacing="0" cols="*">
<frame src="main.html" name="mainFrame" scrolling="yes" noresize>
<frame src="menu.html" name="bottomFrame" noresize scrolling="yes">
</frameset>
<noframes>
<body bgcolor="#FFFFFF"><DIV ALIGN=CENTER></DIV>
</body></noframes>
</html>
------------------------------------------------

Dreamweaver3でフレーム2分割のHPを作りました。
アップして1台のパソコンで表示すると正常に見られますが、もう1台のパソコンで見ると上下逆に表示されてしまいます。
更新させると正常の表示されます。
一体何が原因なのかさっぱりわかりません。

パソコンはどちらもWin98でブラウザはIEの6.0です。

下記はフレームセットのソースです。
原因のわかるかたがおりましたらよろしくお願いします。
-----------------------------------------------
<html>
<head>
<titleタイトル</title>
<met...続きを読む

Aベストアンサー

質問文のソースは、完全なソースのコピーではないですよね?
title要素の開始タグが「>」で閉じられていないのですが、これはタイプミスと判断していいでしょうか。

それ以外のソースを見る限りでは、原因として疑わしいのは、frameset要素の開始タグ内に、「cols="*"」という属性があることなのではないかと推測します。 ただ、こちらでは現象が再現していませんので、これが的確かどうかは全く自信はありませんが…

あと、ちょっと反論めいた話を失礼しますが、noframes要素の中にbodyタグを記述するのは誤りではないと思います。
noframes要素の内容は、フレームに対応していないブラウザではそのままそのHTMLファイルの内容として解釈されますので、通常のページと同様に解釈されるように記述する必要があると思います。 ですので、bodyタグを記述することは間違いとはいえないでしょう。 ただし、HTMLの記述の仕方として、<body>タグの記述は省略が可能ですので、記述しない場合でも正常に反映される可能性が高いと思います(確か省略できるケースでも、タグの省略は非推奨のことが多いと思いましたが…)。
個人的な意見としては、bodyタグについては、記述しておいた方が良いと思います。

失礼しました。

質問文のソースは、完全なソースのコピーではないですよね?
title要素の開始タグが「>」で閉じられていないのですが、これはタイプミスと判断していいでしょうか。

それ以外のソースを見る限りでは、原因として疑わしいのは、frameset要素の開始タグ内に、「cols="*"」という属性があることなのではないかと推測します。 ただ、こちらでは現象が再現していませんので、これが的確かどうかは全く自信はありませんが…

あと、ちょっと反論めいた話を失礼しますが、noframes要素の中にbodyタグを記述するのは...続きを読む

Q上下フレームのあるページでの
データの送信方法について

上下フレームに分かれたページがあるとします。

下フレームにテキストボックスなど入力エリアがあり、上フレームにボタンがあります。

上フレームのボタンを押して下フレームの情報を<form>タグの送信ボタンを押したみたいに送信することはできますか?

Aベストアンサー

実際に画面遷移するのは下フレームなんですか?

そうであれば
上フレームボタン押下時に下フレームのsubmit用JavaScriptをcallする。

でできると思います。


このカテゴリの人気Q&Aランキング

おすすめ情報