Question

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

подключаю левую навигацию:
<?echo $APPLICATION->GetMenuHtml("left4");?>

Все отлчино, все работает, но потом заказчик передумывает и просит сделать меню не текстовое, а картинками, ладно делаю, вместо текста в поле меню вставляю , все опять отлично, потом он говорит что не плохо было бы сделать "активные и пассивные кнопочки, и чтобы при наведлении картинка менялась" (дословно).

Так вот как это сделать? Пока не могу понять.
ну допустим в left4.menu_template.php я поменяю условие что если все ок - тогда , если мышку навели- тода , но, а дальше? там 15 разделов, как для каждого определить что неактивное это about, home,mail,form, а активное это тоже самый только в конце 1. Как это сделать?
И кроме того если открыта страница к примеру about, то чтобы в шаблоне было about а не about1.

Спасибо.

Answer 1

Ну подскажите, ну

Answer 2

ONMOUSEOVER="this.className = 'k';"
ONMOUSEOUT="this.className = 'kd';"


ONMOUSEOVER="this.src = '11.gif';"
ONMOUSEOUT="this.src = '22.gif';"
В данном случае мы меняем один рисунок на другой при наведении мышки. Только предварительно картинки подгрузить рекомендуется.

Это при наведении.
Как понимаю, далее лезем и создаем

Код
function "а-ля" generate_navlinks() { global $1перем, $язык_ссылок, $прочее;}

и т.п.

или побольше про функцию написать?

Answer 3

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

Answer 4

Читайте документацию.

if ( $SELECTED )
пункт активен
else
пункт неактивен

Answer 5

не получается.
вверху страницы стоит ява:

function SelButton()
{
var a = event.srcElement;
if(a.tagName == "IMG" && a.src.substring(a.src.length-9, a.src.length-4) == "_menu")
a.src = a.src.substring(0, a.src.length-4) + "_sel"+ a.src.substring(a.src.length-4, a.src.length);
}


function UnSelButton()
{
var a = event.srcElement;
if(a.tagName == "IMG" && a.src.substring(a.src.length-13, a.src.length- == "_menu")
a.src = a.src.substring(0, a.src.length- + a.src.substring(a.src.length-4, a.src.length);
}

document.onmouseover = SelButton;
document.onmouseout = UnSelButton;

Работает. Все мигает, меняется.
захожу в меню, добавляю картинку к примеру <img border=0 src=news_menu>, он подгружает <img border=0 src=news_menu_sel> и она становится активной в зависимости от наведения мышки.
НО как передать что, например, если выбран раздел новости, то чтобы картинка на нем не менялась, а была нажатой?

ну и объяснил...

Answer 6

в меню в заголовке пунков пишите текстовое название.
в рассширеном режиме редактирования меню можно задать доп. параметры (для вас например img1, img2, img3 c путями к картинкам)
в файле формирования меню примерно так:
<?
if ($SELECTED)
{
$sMenuBody='<img src="'.$PARAM["img3"].'" alt="'.$TEXT.'">';
}
else
{
$sMenuBody='<img onMouseOver="this.src='.$PARAM["img2"].'" onMouseOver="this.src='.$PARAM["img1"].'" src="'.$PARAM["img1"].'" alt="'.$TEXT.'">';
}
?>
ну, это в кратце без подробностей