0

小さなサイトのすべてのページに SSI を使用してナビゲーション バーを含めています。このようなもの：

<ul>
   <li><a href="option1.shtml">option 1</a></li>
   <li><a href="option2.shtml">option 2</a></li>
   <li><a href="option3.shtml">option 3</a></li>
</ul>

各ページで、選択したオプションを強調表示し (おそらく太字で)、「自己」リンクを無効にします。

私は PHP や .NET などのサーバー サイド テクノロジを使用していないので、これは JavaScript を使用して実現できると思います。

どうもありがとう。

4

1 に答える 1

0

リストした例で興味深いのは、オプションが実際にはリンクであることです! リンクは Javascript で処理されますか? これは、質問への回答を決定する上でやや重要であるため、私の回答は本質的に少し一般的なものになります。

私が説明している次の方法は、リスト項目に属性をa持つタグがあることを前提としています。href

最初document.URLに現在のページの URL を取得するために使用します。それを変数に格納しますurl。次に、 を使用url.substr(url.search('www.beginning.com/of/URL/before/links/start/'))して、リンクに含まれる URL の一部を取得しますindex.html。最後に、とのリンクを見つけてhref="index.html"使用removeAttribute("href")し、その href 属性を削除します。さらに、要素に呼び出されるクラスを追加しthisPageて、CSS で強調表示してポインター カーソルを削除できるようにします。

.thisPage
{
    cursor: default;
    font-weight: bold;
}

これが役に立ったかどうか、また質問があるかどうか教えてください。

于 2011-10-03T00:34:03.260 に答える