WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:分かりやすい目次をjavascriptで

ミズキ [WriteDate : Mon Jun 18 10:13:02 2001]

初めて質問させていただきます。よろしくお願いします。

上下にフレームで分け、上のページに目次、下にメインがあるページを現在作っています。やろうとしている事は、今見ているのがどこにページなのかを分かりやすくするため、今見ているページの目次名の背景色を変えようと思っています。

例えば、
「商品紹介」「会社案内」「買い物」
という目次項目があったとしますと、「商品紹介」のページを見ているときはその部分の背景だけを赤色に、続いて「会社案内」のリンクを押し、ページをみている最中は「会社案内」の背景色だけが赤になるようにしたいのです。

初めは、

<td onClick="bgColor='#ff0000'"><a href="xxx.htm">商品紹介</a></td>

といった簡単なもので事足りると思ったのですが、これだと一回押してしまうとずっと背景色が赤になってしまいます。色々調べてみたのですが、onMouseoverイベント絡みのものはたくさんあっても、こういうモノは見つけられませんでした。
どなたかご存知でしたら、どうかご指南ください。


!改め!!! [WriteDate : Mon Jun 18 11:23:44 2001]

><td onClick="bgColor='#ff0000'">

<td onClick="chg_bgColor('商品紹介')"><
とかにして。

<script>
function chg_bgColor(bgType){
    ・すべての関連セルのbgColorを初期色にする。
    ・bgTypeを#ff0000'色にする。
}
</script>

でどうでしょうか?


ミズキ [WriteDate : Mon Jun 18 12:09:44 2001]

返答ありがとうございます!

>すべての関連セルのbgColorを初期色にする
実際問題、この書き方が分からなかったのです・・・。
これはどういうスクリプトになるんでしょうか?

書き忘れてましたが、これはショッピングモールのようなサイトなので
店舗によって初期色が違うんです。白だったり青だったり・・・。
それをASPで管理し、ひとつのテンプレートにて表示しますので、
店舗ごとにjavascriptは書けないのですが、それに対応できます
でしょうか?


!!! [WriteDate : Mon Jun 18 13:43:12 2001]

まず、色換えに必要なセル全部にID属性を記述します。

<td id="sel1" onClick="chg_bgColor('商品紹介')"><a href="xxx.htm">商品紹介</a></td>

function chg_bgColor(bgType){
//すべての関連セルのbgColorを初期色にする。
    document.all.sel1.style.background="#00ff00";    document.all.sel2.style.background="#00ff00";
        :
        :
//該当セルを色換え。
        if(bgType == "商品紹介"){
       document.all.sel1.style.background="#ff0000";
        }
     :
     :
}

>店舗ごとにjavascriptは書けないのですが、それに対応できますでしょうか?
イマイチ、現段階の情報では、判断がつきません。
あと、もともとIEオンリーですよね。


ミズキ [WriteDate : Mon Jun 18 15:51:26 2001]

目次の数は店舗によって違うので、javascriptごと
ASPで書き出さないとダメっぽいですが、なんとかなりそうです。
一応IEオンリーで考えてました(ネスケでエラーが出なかった
らそれで良い)ので、これで大丈夫です。
ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]
ChaichanPAPA's World