Как выбрать активную ссылку?

[Prays]

Здравствуйте. Подскажите, пожалуйста, как с помощью jQuery выбрать ссылку, которая является активной. То есть, мне нужно сделать условие. Если например ссылка Home является активной, то li в котором она находится присваивается класс current.

HTML код:

<ul id="nav">
     <li id="home"><a href="#">Home</a></li>
     <li id="services"><a href="#">Services</a></li>
     <li id="about"><a href="#">About</a></li>
     <li id="contact"><a href="#">Contact</a></li>
</ul>

[psywalker]

А зачем джиквери? Может чистый жс подойдёт?

[Prays]

В принципе, подойдет Просто jQuery нравится. Если кто-то знает как в нем выбрать, будет супер)

[psywalker]

В принципе, подойдет Просто jQuery нравится. Если кто-то знает как в нем выбрать, будет супер)

Это неправильное рассуждение, каждая вещь нужна для своих задач. Вот тут например на жс можно написать пару строк и зачем тогда подключать целую библиотеку джиквери для этого?

[Prays]

На самом деле. Если на сайте только одно меню, то это да, нет смысла подключать целую библиотеку. Но на сайте кроме меню, еще будет слайд-шоу, а со временем возможны всякие jQuery эффекты для юзабилити. А если так обстоят дела, то почему бы не выбирать элементы с помощью этой библиотеки, к тому же там это делать проще.

P.S. Если Вам не сложно, то подскажите как это делается чистым JS, буду благодарен

[Int]

Вижу я, как это проще делать, чот аж на форум за советом пришёл.

По данному примеру невозможно выбрать активную ссылку, поскольку они все активны, так как ведут на текущую страницу.

Как только будут вести на разные, пройдись по этим ссылкам и сравни их аттрибут href с адресом страницы.

[Prays]

"Проще" я в том смысле, что проще выберать элементы, а не актиную ссылку. А на счет "они все активны" это не совсем так, вот пример:

<ul id="nav">
     <li id="home"><a href="#">Home</a></li>
     <li id="services"><a href="#">Services</a></li>
     <li id="about"><a href="#">About</a></li>
     <li id="contact"><a href="#">Contact</a></li>
</ul>

ul#nav li a:active {
     color: green;
}

При нажатии она становится зелёный, то есть активной. Если бы они все были бы активными, они все были бы зелёными. Вот мне и нужно выбрать эту ссылку a:active. Не знаете как это сделать?

Edited June 2, 2011 by Prays

[sigma77]

Здравствуйте. Подскажите, пожалуйста, как с помощью jQuery выбрать ссылку, которая является активной. То есть, мне нужно сделать условие. Если например ссылка Home является активной, то li в котором она находится присваивается класс current.

Если я правильно понимаю в чем вопрос, то в jQuery нет такой функции.

Для того, чтобы получить url текущей страницы нужно использовать свойство location.

document.location - полный url адрес

document.location.hash - якорная часть

document.location.host - хост и порт

document.location.hostname - хост

document.location.href - полный url адрес

document.location.pathname - каталожная часть (без хоста)

document.location.port - номер порта

document.location.protocol - протокол

document.location.search - строка запроса

Далее в полученное строке ищешь нужное значение и в зависимости от результата присваиваешь класс той или иной ссылке.

Ну или еще лучше, использовать средства php

При нажатии она становится зелёный, то есть активной. Если бы они все были бы активными, они все были бы зелёными. Вот мне и нужно выбрать эту ссылку a:active. Не знаете как это сделать?

Вы путаете псевдокласс :active с текущей странницей. Это разные вещи

Int имел ввиду href="#", в этом смысле все ссылки ведут на одну страницу - текущую.

Edited June 2, 2011 by sigma77

[Softlink]

когда мне приспичило, я на php такое написал. Ушло минут 20 на код и дня два на учебник , ибо от программирования я далек.

[Int]

На php :active не обработаешь

Поскольку :active появляется в момент нажатия, советую обрабатывать onlick

Чё-то типа

var a=document.getELementsByTagName('a');
for (t=0; t < a.length; t++)
a[t].onclick=function {alert(this.firstChild.nodeValue+' активно');};

[sigma77]

На php :active не обработаешь

Я думаю под активной, ТС понимает текущую страницу.

[Softlink]

На php :active не обработаешь

Я думаю под активной, ТС понимает текущую страницу.

я тоже так понимаю, ибо просто для изменения active хватит и класса в ксс без всяких пхп и жс

[Int]

Значит у него все ссылки текущие.