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

<table align="center" cellspacing="0" cellpadding="0" class="menu">
<tr>
<td align="center"><a href='1.php'>Главная</a></td>
</tr>
<tr>
<td align="center"><a href='1.php?go=contacts'>Контакты</a></td>
</tr>
<tr>
<td align="center" <a href='1.php?go=news'>Новости</a></td>
</tr>
</table>

нужно сделать, чтоб выделялся активный пункт меню. Заранее спасибо.

Сообщение отредактировал Gove - 2012-03-12, 18:23

Gove,
style="..."

<style>.menux:hover{color:red;}</style>
<table align="center" cellspacing="0" cellpadding="0" class="menu">
<tr>
<td align="center"><a class="menux" href='1.php'>Главная</a></td>
</tr>
<tr>
<td align="center"><a class="menux" href='1.php?go=contacts'>Контакты</a></td>
</tr>
<tr>
<td align="center" <a class="menux" href='1.php?go=news'>Новости</a></td>
</tr>
</table>

Вы об этом?

Была подобная тема. Никак!

Метод реализации? PHP? JS?

Не имеет значения.

Сообщение отредактировал Gove - 2012-03-15, 7:26

Gove, ну как это не имеет? Ну ладно, сделаем на JS. Каким образом должен выделяться активный пункт меню?

Выделить синим цветом активный пункт меню, неактивные при этом черные.

В стилях прописать a:hover? Или речь о другом?

Apatik, Да про другое. Находясь например в модули новости и если есть в меню пункт новости, то он будет подсвечиваться другим цветом. Что бы пользователь знал в каком разделе, тот находится.

Gove, можно сделать как в альфе: активным пунктам меню присваивается класс "active". Такой подход устроит?

Вот почитайте:

http://javascript.ru/forum/misc/12587-js-d...ojj-ssylki.html
http://likbezz.ru/publ/ucoz/scripts/how_ca...t_css/29-1-0-53

Какой-то метод пробовал из этих, и точно помню, что работал

Э-э, давайте на PHP!

Да, вполне подойдет.

В файле есть прекрасный участок кода, который позволяет подсвечивать активные ссылки путем добавления в них класса "active". Выглядит этот код так:

	//Подсветим активные пункты меню
	var now="";
	with(window.location)
	{
		now+=protocol+"//"+hostname+(port ? ":"+port : "")+CORE.site_path;
		now=href.substr(now.length);
	}
	$("nav a").filter(function(){
		return $(this).attr("href")==now;
	}).addClass("active");

И в каком это файле? )))

Мне кажется работать будет не совсем так, как хочет ТС. Если активен вложеный (второй или третий) пункт, то должен подсвечиваться родитель(первый, корневой). А сейчас мы получим, что подсветится именно активный пункт. Данное решение актуально в случае когда видны все пункты меню. В случае выпадающего меню это решение не подходит.

Сообщение отредактировал sanes - 2012-03-23, 13:41

sanes, можно по-разному сделать, пройти иерархию от дочернего узла до родителя при помощи jQuery очень легко.

Было бы неплохо так сделать. В случае с выпадющим меню почти никода подсвечиваться не будет. Многие даже блокируют родителя.

sanes, объясните, какое решение вы ждете и я его выдам.