アマゾンみたいなインデックス型のリンク

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： ちょこ ： 2004/12/14 15:56
フレームのリンクでたまに見かけるんですが、フーズリーフのノートに
使うようなインデックスの形にリンクが張ってあって、訪問中はリンクされて
いるページと同じ色の画像で、そうでないときは違う色の画像になっている
ものがあるんです。アマゾン.comなんかがそうなんですけど・・・。
onマウスで変わるんでしたら、javaでできると思うんですが、”訪問中”だけ
画像を変えて固定しておくのは、色々、検索してもどうしても見つかりません
それらを用いているページを保存してエディタで調べたところ、CSSを使って
いるというのだけは分かったのですが・・・。
せめて、”この書籍にやり方が載っている”という情報でもかまいません
ので、ご存知の方がいらっしゃいましたら、どうぞご伝授下さい。
よろしくお願いします。
1   名前： KBN1215 ： 2004/12/14 19:16   ［URL］
わたしのサイトでも同様のことをしているのですが（デザインは違いますが…）、
単純に、移動先のページでは色違いの画像を指定してある、というだけで
ジャバスクリプトやスタイルシートなしでも、できるのでは。
1〜5のタブ（ボタン）画像があるとして、トップ画面ではすべて青い画像を。
1のタブをクリックしたリンク先「1」のページのHTMLファイルでは、
その箇所だけ赤い画像のファイル名にする、というだけでも
同様の表示結果になると思います。
2   名前： まずる ： 2004/12/14 19:26
まず、アマゾンはフレームではなく、CGIかPHPか何かを使っていますね。

まあともあれ、やろうと思えばフレームをまたいでJavaScriptを使ってもできます。
手法としては onclicで画像を入れ替え、それはそのまま固定、同時に他のタブも入れ替えるんです。
つまり、onclicに複数の関数を仕込みます。

例えば、クリックした画像をカラー画像にする関数と、残りを全てモノクロ画像にする関数。
これを1クリックで実現すればいいわけです、もちろん関数は、クリックされる画像（リンク）すべてに必要です。

サンプル要りますか？　ちょっと酔っ払ってますが・・・。
3   名前： ちょこ ： 2004/12/14 21:35
なるほど〜。お二かたとも、どうもありがとうございました！
目からウロコです。自分の知らないワザが出てくると、何か
とてつもなく難しいことをしているに違いないと思ってしまって
考えつかなかったです。

さっそく、再考してみます。自分のページに合う、うまいやり方を
考えつけそうです。ヒント、どうもありがとうございました。
一覧へ戻る