- ベストアンサー
ホームページビルダーのフレームで・・・・
上下のフレームを使ったホームページを作っています。 上にメニュー、下に内容が載っています。 メニュー項目は５つ程あり、 下のフレームがターゲットとなって他のページにリンクするようになっています。 そこで質問なんですが、５つあるメニュー項目は下のフレームの内容のタイトルになっているので、クリックをした時に下の内容に合っているメニュー項目だけ色を変えて表示したいのです。 どのように設定すれば良いですか？教えて下さい。
- みんなの回答 （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 がんばってくださいね。
その他の回答 (1)
- sirouto
- ベストアンサー率41% (28/67)
ホームページビルダーのバージョンがわかりませんので、少し違うかもわかりません。 私の知っている２０００のバージョンでお答えいたします。（あまり変わらないはずです） まず、上の画面 menu.htmとして、メニューに 「太陽系」の文字があるとします。 そして下の画面 down.htm に「地球」 の文字があるとします。 上の太陽系 の文字を押すと下の画面の地球にアクションが起これば良いのですね。 まず、下の「地球」の文字を反転させて右クリックして リンクの挿入 で ラベルをつける からラベル（chikyuなど適当に）をつけます。そしてその下の詳細設定で、イベントから起こしたいアクションを打ち込みます。希望のアクションサンプルが無ければ、これはここで自分で打ち込まなければなりません。 次に上の「太陽系」の文字を反転、右クリック／リンクの挿入／ラベルへ を開きます。 ラベルのところに先ほど付けたラベル名（chikyu）を入れ、次に他のファイル のところに down.htm もしくは フレームのhtm.名 を入れます。 とりあえず、バージョンによって付属しているサンプルが異なります。 ２０００のバージョンでは、今のやり方で下の画面のトップに「地球」の文字が来ます。そしてアクションは、マウス関係、ステータスバー関係、フォーカス関係しかサンプルがありません。 サンプル内で妥協できない場合は、詳細設定のところでxruzさんのような打ち込みが必要です。
