Панель навигации SSI, выделите выбранную опцию - PullRequest
Новая
       27

Панель навигации SSI, выделите выбранную опцию

0 голосов
/ 03 октября 2011

У меня есть панель навигации, которую я использую с помощью 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>

На каждой странице я хочу выделить выбранную опцию (возможно, жирным шрифтом) и отключить ссылку "self".

Поскольку я не использую какие-либо технологии на стороне сервера, такие как PHP или .NET, я думаю, что этого можно добиться с помощью JavaScript.

Большое спасибо.

1 Ответ

0 голосов
/ 03 октября 2011

Что интересно в примере, который вы перечисляете, это то, что опции на самом деле являются ссылками! Работают ли ссылки в 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;
}

Пожалуйста, скажите мне, было ли это полезно, и есть ли у вас какие-либо вопросы.

...