CMS Eleanor - Поиск
Полная версия этой страницы: Официальный форум Eleanor CMS » Активность текущего пункта меню.
Официальный форум Eleanor CMS » Для вебмастеров и владельцев сайтов » Комната программистов
Страницы: 1, 2
Подскажите пожалуйста, как выпонить задачку на конкретно таком примере меню.
<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>


нужно сделать, чтоб выделялся активный пункт меню. Заранее спасибо.
Maximkaboom
Gove,
style="..."
Root
<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>

Вы об этом?
sanes
Была подобная тема. Никак!
Alexander
Метод реализации? PHP? JS?
Цитата (Alexander @ 2012-03-13, 22:21)
Метод реализации? PHP? JS?

Не имеет значения.
Alexander
Gove, ну как это не имеет? Ну ладно, сделаем на JS. Каким образом должен выделяться активный пункт меню?
Цитата (Alexander @ 2012-03-18, 15:19)
Gove, ну как это не имеет? Ну ладно, сделаем на JS. Каким образом должен выделяться активный пункт меню?

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

Apatik
В стилях прописать a:hover? Или речь о другом?
Djadka
Apatik, Да про другое. Находясь например в модули новости и если есть в меню пункт новости, то он будет подсвечиваться другим цветом. Что бы пользователь знал в каком разделе, тот находится.
Alexander
Gove, можно сделать как в альфе: активным пунктам меню присваивается класс "active". Такой подход устроит?
scanread
Вот почитайте:

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

Какой-то метод пробовал из этих, и точно помню, что работал ;)
Loader
Цитата (Alexander @ 2020-10-27 04:38)
Gove, ну как это не имеет? Ну ладно, сделаем на JS. Каким образом должен выделяться активный пункт меню?

Э-э, давайте на PHP! :(
Цитата (Alexander @ 2012-03-20, 23:16)
Gove, можно сделать как в альфе: активным пунктам меню присваивается класс "active". Такой подход устроит?

Да, вполне подойдет.
Alexander
В файле есть прекрасный участок кода, который позволяет подсвечивать активные ссылки путем добавления в них класса "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");
scanread
Цитата (Alexander @ 2012-03-22, 23:26)
В файле есть прекрасный участок кода, который позволяет подсвечивать активные ссылки путем добавления в них класса "active". Выглядит этот код так:


И в каком это файле? )))
sanes
Мне кажется работать будет не совсем так, как хочет ТС. Если активен вложеный (второй или третий) пункт, то должен подсвечиваться родитель(первый, корневой). А сейчас мы получим, что подсветится именно активный пункт. Данное решение актуально в случае когда видны все пункты меню. В случае выпадающего меню это решение не подходит.
Alexander
sanes, можно по-разному сделать, пройти иерархию от дочернего узла до родителя при помощи jQuery очень легко.
sanes
Было бы неплохо так сделать. В случае с выпадющим меню почти никода подсвечиваться не будет. Многие даже блокируют родителя.
Alexander
sanes, объясните, какое решение вы ждете и я его выдам.
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.