Javascriptの変更をクリック上の色と同じ色

<li><a href="index.php" id="1" onclick="document.getElementById('1').style.background = '#8B4513';">Weblog</a></li>

これは色が変化し、それが色はindex.php開きますので、同じ色に滞在しません。元の色に戻ります。

どうすれば別のページで同じ色にすることができますか？起動するには

おかげ

2012-01-19 Sino

*訪問したリンク*の色を参照していますか？ – Joey

簡単な解決方法は、そのような選択を追跡するためにクッキーを使用することです。新しいページが読み込まれると、フラグをチェックして色を設定できます。 –

別のリンクをクリックした場合、前のリンクをクリックしても元の色に戻りますか？または「クリックされた」色を維持しますか？ *訪問されたリンク*と*選択されたリンク*が異なる実装とエフェクトを持っているため、あなたの質問は少しだけ聞こえるからです。 – Joseph

、IDは数字で始めることはできません。

あなたは、サーバー側で選択したページをキャッチし、選択したように、それをクラスを与えるような何かを行うにCSSを使用する必要があります：あなたはPHPで選択されたページを設定する方法を見当もつかない場合

li.selected a 
{ 
    background: #8B4513; 
}

2012-01-19 08:28:39 Niels

'id' *はHTML5の数字で始まるかもしれません。 –

これは悪い癖なので、実際にはそうではありません。 – OptimusCrime

答えをありがとう！ :-) – Sino

提供されているコードから、ユーザーがリンクをクリックした後に要素のスタイルを設定しようとしているようです。

ここではJavascriptが不要です。私は単に：visited css擬似クラスを使用して要素のスタイルを設定します。

たとえば、

a:visited { text-decoration: line-through; }

2012-01-19 08:30:56 Gais

Javascriptはclientsideです。つまり、変更はユーザーの画面上で行われます。

PHPはサーバサイドです。サーバーに要求を送信し、要求を処理して出力を表示します。

現在のウェブページを強調表示したい場合は、これを行う方法ではありません。

私は、li a -listの各ファイルにPHPの行を追加することをお勧めします。例：

<?php if ($URL == 'index.php') echo 'class="selected"'; ?>

そして、CSSを使用して、選択されたクラスのリンクを赤いものにします。

2012-01-19 08:31:40 OptimusCrime

答えて