CMS Eleanor - Поиск
Полная версия этой страницы: Официальный форум Eleanor CMS » Активность текущего пункта меню.
Официальный форум Eleanor CMS » Для вебмастеров и владельцев сайтов » Комната программистов
Страницы: 1, 2
2012-03-12, 18:21
Подскажите пожалуйста, как выпонить задачку на конкретно таком примере меню.
<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
2012-03-13, 10:05
Gove,
style="..."
Root
2012-03-13, 20:05
<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
2012-03-13, 20:09
Была подобная тема. Никак!
Alexander
2012-03-13, 22:21
Метод реализации? PHP? JS?
2012-03-15, 7:26
Цитата (Alexander @ 2012-03-13, 22:21)
Метод реализации? PHP? JS?

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

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

Apatik
2012-03-20, 8:52
В стилях прописать a:hover? Или речь о другом?
Djadka
2012-03-20, 10:18
Apatik, Да про другое. Находясь например в модули новости и если есть в меню пункт новости, то он будет подсвечиваться другим цветом. Что бы пользователь знал в каком разделе, тот находится.
Alexander
2012-03-20, 23:16
Gove, можно сделать как в альфе: активным пунктам меню присваивается класс "active". Такой подход устроит?
scanread
2012-03-21, 2:40
Вот почитайте:

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
2012-03-21, 7:22
Цитата (Alexander @ 2025-01-03 06:23)
Gove, ну как это не имеет? Ну ладно, сделаем на JS. Каким образом должен выделяться активный пункт меню?

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

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


И в каком это файле? )))
sanes
2012-03-23, 13:40
Мне кажется работать будет не совсем так, как хочет ТС. Если активен вложеный (второй или третий) пункт, то должен подсвечиваться родитель(первый, корневой). А сейчас мы получим, что подсветится именно активный пункт. Данное решение актуально в случае когда видны все пункты меню. В случае выпадающего меню это решение не подходит.
Alexander
2012-03-24, 0:46
sanes, можно по-разному сделать, пройти иерархию от дочернего узла до родителя при помощи jQuery очень легко.
sanes
2012-03-24, 19:17
Было бы неплохо так сделать. В случае с выпадющим меню почти никода подсвечиваться не будет. Многие даже блокируют родителя.
Alexander
2012-03-25, 18:40
sanes, объясните, какое решение вы ждете и я его выдам.
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.