クリックと文字色

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

0   名前： 学生にしてＷｅｂマニア ： 2004/11/25 19:18
初めて書かせていただきます。

　リンクをクリックしたら、そこのフォントの色が変わり、
他のリンクをクリックしたら、後にクリックしたリンクの色が変わると
同時に、前にクリックした箇所の色が元に戻る。
　ありそうでないパターンですが、いったいどのような仕組みになって
いるか、ご存知の方はいらっしゃるでしょうか？

例　■一番目のリンク
　　■二番目のリンク
　　■三番目のリンク

　一番目のリンクをクリックしたら、フォントの色が赤くなります。
二番目のリンクをクリックしたら、二番目のフォントが赤くなると同時に
一番目のリンクの色が元に戻ります。
　三番目のリンクをクリックしたら、三番目のフォントの色が赤くなり、
二番目のリンクの色が元に戻ります。

　こんな感じです。
いいアドバイスいただけたら大変嬉しいです。
よろしくお願いします。
　
1   名前： 七鍵 ： 2004/11/25 21:35   ［URL］
はじめまして。

一番確実で簡単なのは
リンクの数だけページを作ることです。
つまり、
１番目のリンクだけ赤いページ
２番目のリンクだけ赤いページ
３番目のリンクだけ赤いページ
をつくられてはいかがでしょうか？

# リンクをクリックしても元ページが残っている点からフレームであると想定しています。
2   名前： 学生にしてＷｅｂマニア ： 2004/11/26 18:52
七鍵さん、返信ありがとうございます。

　はい、確かにその方法を使えば間違いなく、確実に理想の形に
仕上げる事ができます。

　しかし、一つの.htmファイルで行いたいと思っているのです。
大変難しいそうですね。やはりjavaScriptも用いらなてはならないのでしょうか？
例文とかご存知の方はいらっしゃったら、是非是非教えてください！

よろしくお願いします。
3   名前： 七鍵 ： 2004/11/26 20:51   ［URL］
フレーム構成ではないってことですかね。
簡単ではありますがサンプルをどうぞ。

<html>
<head>
<script type="text/javascript">
<!--
// リンクの数
var i = 3;
// 変更前の色
var nmColor = "#000000";
// 変更後の色
var spColor = "#ff0000";

function cngColor(int){
for(cnt=1;cnt<=i;cnt++){
if(int == cnt){document.all["key"+int].style.color = spColor;}
else {document.all["key"+cnt].style.color = nmColor;}
}
}
//-->
</script>
</head>
<body onLoad="cngColor(1);">
<a href="#" id="key1" onClick="cngColor(1);">サンプル文字列１</a><br>
<a href="#" id="key2" onClick="cngColor(2);">サンプル文字列２</a><br>
<a href="#" id="key3" onClick="cngColor(3);">サンプル文字列３</a><br>
</body>
</html>
4   名前： 学生にしてＷｅｂマニア ： 2004/11/26 21:03
七鍵さん、本当にありがとうございます♪
いや素晴らしい☆

でも、口で言うのは簡単な動作ですが、ものすごい複雑なんですね。やはり研究が必要です。
5   名前： NS-700X ： 2004/11/26 23:49
単純にLINKとVLINKを同じ色にしておいたらいいと思うんですけど。
一覧へ戻る