Горизонтальное менб с использованием js

[Belovsan]

Ох, понимаю, что нужно учить js. Но сейчас столько всего навалилось на мои плечи, что просто физически не успеваю. А тут как раз необходимо небольшую задачу решить, и конечно же без скрипта здесь никуда. Прошу подсказать решение. Буду очень благодарен

В общем, есть меню: http://rubanys.narod.ru/menu/index.html

На его внешний вид и позиционирование особо внимание не обращайте. Я это поправлю. Меня интересует такой момент. Вот при наведении на пункты меню - меняется фоновая картинка. Мне надо чтобы когда скажем посетитель находится на странице, например, "Услуги", чтобы этот пункт как раз был с той фоновой картинкой, что и при наведении. Когда посетитель не находится ни на одной из страниц пункта меню, чтоб все пункты были такими как они сейчас, с теми же бэкграундами.

Каюсь, понимаю, что позор мне, не знающему js, но может быть кто-нибудь сжалится и поможет?

Edited September 23, 2010 by Belovsan

[stars]

Ох, понимаю, что нужно учить js. Но сейчас столько всего навалилось на мои плечи, что просто физически не успеваю. А тут как раз необходимо небольшую задачу решить, и конечно же без скрипта здесь никуда. Прошу подсказать решение. Буду очень благодарен

В общем, есть меню: http://rubanys.narod.ru/menu/index.html

На его внешний вид и позиционирование особо внимание не обращайте. Я это поправлю. Меня интересует такой момент. Вот при наведении на пункты меню - меняется фоновая картинка. Мне надо чтобы когда скажем посетитель находится на странице, например, "Услуги", чтобы этот пункт как раз был с той фоновой картинкой, что и при наведении. Когда посетитель не находится ни на одной из страниц пункта меню, чтоб все пункты были такими как они сейчас, с теми же бэкграундами.

Каюсь, понимаю, что позор мне, не знающему js, но может быть кто-нибудь сжалится и поможет?

Вам не JS, а php нужно...

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

[Belovsan]

Вам не JS, а php нужно...

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

Не, у меня данный сайт не на движке, а на html страничках. Тут только js мне может помочь.

[stars]

А если у вас там одни html странички то кто вам мешает на разных страницах собственноручно расставить классы элементам меню? Вы просто поймите сделать на js это вполне реально, но это будет абсолютно не нужный код...

[Great Rash]

Ай-яй-яй... столько дел

function setActiveItem(id, clName) {
	var cont = document.getElementById(id);
	var links = cont.getElementsByTagName('a');

	for (var i = 0, l = links.length; i < l; i++) {
		if (links[i].href == location.pathname) {
			links[i].className = clName;
		}
	}
}

window.onload = function() {
	setActiveItem('id_контейнера_с_ссылками', 'имя_класса_активной_ссылки');
}

href у ссылки должен начинаться со слеша. Вложенных папок быть не должно. Если хочется чтоб работало со вложенными папками, то деньги готовьте

[Belovsan]

Что-то не работет . Вытащил из папки. Поставил слеш. Сделал для класса активной ссылки изменённый цвет шрифта, но ничего не работает. Вот:http://rubanys.narod.ru/index.html

(изменения сделал только в index.html, но при заходе на эту страницу ничего не работает). Что не так сделал?

stars, надо подумать как лучше реализовать это дело. Возможно, действительно так будет лучше.

Точно, так будет лучше. Вот расшарил немного это дело классами и вроде всё красиво и ненавязчиво получается. Спасибо за мысль!

Edited September 23, 2010 by Belovsan

[Great Rash]

Скрипт должен быть на каждой странице.

[Belovsan]

Скрипт должен быть на каждой странице.

Но если у меня скрипт сейчас на главной странице, то при переходе на главную страницу всё должно же работать. Или вы думаете, что если я его поставлю на все страницы, то что-то на главной поменяется?

[stars]

Но если у меня скрипт сейчас на главной странице, то при переходе на главную страницу всё должно же работать. Или вы думаете, что если я его поставлю на все страницы, то что-то на главной поменяется?

Нет, значит вы не провели замену

location.pathname
id_контейнера_с_ссылками
имя_класса_активной_ссылки

[Belovsan]

Дак вроде ж сделал. Вот: http://rubanys.narod.ru/index.html

И не работаит (

[Great Rash]

И не будет работать, в скрипт надо написать исключение для главной. А вообще на главной можно и руками подсветить пункт. И вообще все это извращение!

[Belovsan]

И не будет работать, в скрипт надо написать исключение для главной. А вообще на главной можно и руками подсветить пункт. И вообще все это извращение!

Поставил всё на главную и пункт "кому это нужно" - не работает. Просто разобраться хочу. Ведь где-то что-то не так делаю наверное.

Edited September 23, 2010 by Belovsan