Нужна помощь с выпадающим меню

среда, 07 июля 2010

10:23

все записи пользователя в сообществе Вашта Нерада

Любая Тень разительно отличается от своего хозяина… Они тоже считают нас своими Тенями…(с)

Пытаюсь освоить простое выпадающее меню - при клике на пункт меню раскрывается подменю, а все остальные пункты съезжают ниже. Осваиваю методом утаскивания скрипта с другого сайта и подстановки своих данных. Получается все, кроме изменения рисунка (при закрытом меню должна высвечиваться стрелочка "вниз", а при открытом - "вверх"). Подскажите, как сделать?

Скрипт + CSS:

<sсriрt>

function toggleMenu(currMenu)
{
	thisMenu = document.getElementById(currMenu);
	thisOwl  = document.getElementById('owl' + currMenu);
	if (thisMenu.style.display == "block")
	{
		thisMenu.style.display = "none";
		thisOwl.src = 'url(img/up.png)';
	}
	else
	{
		thisMenu.style.display = "block";
		thisOwl.src ='url(img/down.png)';
	}
}

</sсriрt>

<style type="TEXT/CSS">
#menu1 {DISPLAY: none; MARGIN-LEFT: 0px}
#menu2 {DISPLAY: none; MARGIN-LEFT: 0px}
#menu3 {DISPLAY: none; MARGIN-LEFT: 0px}
</style>

Меню:

<div id="nav_center">
<dl>
<dt><a href="javasсript:void(0)" onClick="toggleMenu('menu1');">Образовательные мероприятия</a> <img id="owlmenu1" src="img/down.png" /></dt>
<span id="menu1">
<dd><a href="#">ИРСОТ</a></dd>
<dd><a href="#">ITC</a></dd>
<dd><a href="#">Центр Развития</a></dd></span>
<dt><a href="konsalting.html">Бухгалтерский учет и налогообложение</a></dt>
<dt><a href="#">Аудит</a></dt>
<dt><a href="#">Консалтинг</a></dt>
<dt><a href="#">Юридические услуги</a></dt>
<dt><a href="javasсript:void(0)" onClick="toggleMenu('menu2');">Кадры</a> <img id="owlmenu2" src="img/up.png" /></dt>
<span id="menu2">
<dd><a href="#">Подбор персонала, трудоустройство</a></dd>
<dd><a href="#l">Кадровое делопроизводство
(ВАШ внештатный кадровик)</a></dd>
<dd><a href="#">Аттестация кадровиков</a></dd></span>
<dt><a href="javasсript:void(0)" onClick="toggleMenu('menu3');">Иные услуги</a> <img id="owlmenu2" src="img/up.png" /></dt>
<span id="menu3"><dd><a href="#">Программные продукты</a></dd>
<dd><a href="#">Посреднические услуги</a></dd>
<dd><a href="#">Визитки, полиграфия, печати</a></dd>
<dd><a href="#">Специальная литература</a></dd></span>
</dl>
</div>

Все работает, кроме смены рисунка

@темы: HTML, CSS, JavaScript

URL

Неужели не очевидно, что и то, и другое - всего лишь маск... Они тянут нас... потому что в них мы видим себя. Но себя ... жить - это значит задерживаться для поисков тайны

Cегодня "летал" на воздушном шаре. Класс! Жаль ... http://www.linoleum-studio.com/home.html Спать пора, уснул бычок... Current music: Paradise L...

Комментарии

07.07.2010 в 10:37

Kakou ECTb

After silence that which comes nearest to expressing the inexpressible is music.

Замени этот кусок :
if (thisMenu.style.display == "block")
{
thisMenu.style.display = "none";
thisOwl.src = 'xzona.net.ru/engine/data/emoticons/up.gif';
}
else
{
thisMenu.style.display = "block";
thisOwl.src ='www.enchantedlearning.com/dgifs/Down.GIF';
}

URL

07.07.2010 в 11:02

Kakou ECTb

After silence that which comes nearest to expressing the inexpressible is music.

Точнее даже так :
Замени этот кусок :
if (thisMenu.style.display == "block")
{
thisMenu.style.display = "none";
thisOwl.src = 'xzona.net.ru/engine/data/emoticons/up.gif';
}
else
{
thisMenu.style.display = "block";
thisOwl.src ='www.enchantedlearning.com/dgifs/Down.GIF';
}

если заработает, то значит дело в относительном пути к картинке

URL

07.07.2010 в 11:16

Вашта Нерада

Любая Тень разительно отличается от своего хозяина… Они тоже считают нас своими Тенями…(с)

Переделала вот так:

if (thisMenu.style.display == "block")
{
thisMenu.style.display = "none";
thisOwl.src = 'www.enchantedlearning.com/dgifs/Down.GIF';
}
else
{
thisMenu.style.display = "block";

thisOwl.src ='xzona.net.ru/engine/data/emoticons/up.gif';
}

(потому что при закрытом меню нужна стрелка вниз, а при открытом - вверх)

И подставила в html www.enchantedlearning.com/dgifs/Down.GIF как изначальный. В первых двух меню работает, а в третьем картинка не меняется =((

И еще вопрос: в меню получается, что при изначальной загрузке первое меню раскрыто, а остальные закрыты. А почему так получается?

URL

07.07.2010 в 11:19

Вашта Нерада

Любая Тень разительно отличается от своего хозяина… Они тоже считают нас своими Тенями…(с)

Аааай, все. Первый вопрос решен - нашла у себя ошибку, исправила, все работает. Спасибо. А как все-таки настроить относительные ссылки? т.е. на up.gif и down.gif из папки img? И второй вопрос про первое раскрытое меню при загрузке...

URL