クリックと文字色
- 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を同じ色にしておいたらいいと思うんですけど。
