Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Java Scripts, функция OnClick


Автор: Гость_Елена 18.3.2004, 13:55
Как сделать чтобы меню закрывало предыдущую позицию. Например при нажатии на первое спецпредложение - открыается его описание, а при нажатии на второе - открыаается описание второго и ЗАКРЫВАЕТСЯ описание первого?
подскажите кто-нить, очень надо. уже замучалась искать этот скрипт. везде аналогичный:
http://www.permtourist.ru/main3.html

Автор: ZAVS 18.3.2004, 14:19
menu1.innerHTML="";
vse smile.gif

Автор: Гость_Елена 18.3.2004, 15:37
Куда это вписать? (я javaScripts не знаю почти совсем)
Там код следующий:

<script LANGUAGE="JavaScript">
<!--

function DoClick(child)
{
o=child.style;
(o.display == 'none')?o.display = 'block':o.display = 'none';
}
//-->
</SCRIPT>
==================================================

<div><a href="#" onClick="DoClick(c1)">• Самарский аквапарк &quot;Виктория&quot;</a></div>

<div id="c1" style="display:none"><a href="/service/russia/samara.html" class="none"><small>Новый высококлассный автобус доставит Вас в Самару с максимальным комфортом (система кондиционирования, 2 телевизора, холодильник, кухня, чай, кофе). На целый день в Вашем распоряжении 9 бассейнов, более 30 аттракционов и водных горок! <br> <b> Стоимость тура всего 1300 руб.</b> В стоимость включен проезд на автобусе, входной билет в аквапарк, завтрак и ужин.</small></a><br></div>

Автор: Vaulter 18.3.2004, 18:22
Код

function DoClick(child)
{
o=child.style;
(o.display == 'none')?o.display = 'block':o.display = 'none';
}
замени на
Код

function DoClick(child,prev)
{
o=child.style;
p=prev.style;
(o.display == 'none')?(o.display = 'block';p.display='none'):(o.display = 'none';p.display='block');
}

Код
<div><a href="#" onClick="DoClick(c1)">

замени на
Код
<div id=c0><a href="#" onClick="DoClick(c1,c0)">

пробуй )

Автор: Alx 18.3.2004, 19:29
а теперь
Код
<div id=c0><a href="#" onClick="DoClick(c1,c0)">


замени на
Код
<div id=c0 style="cursor:hand;" onClick="DoClick(c1,c0)">


чтобы при нажатии не перескролливалось наверх.

Автор: Гость_Елена 19.3.2004, 13:22
Большое вам спасибо за внимание и за помощь...

что-то не работает все равно:
http://www.permtourist.ru/main3.html
Код
function DoClick(child,prev)
{
o=child.style;
p=prev.style;
(o.display == 'none')?(o.display = 'block';p.display='none'):(o.display = 'none';p.display='block');
}

и
Код
<div id="c0"><a href="#" onClick="DoClick(c1,'c0')">• Самарский аквапарк &quot;Виктория&quot;</a></div>
<div id="c1" style="display:none"><a href="/service/russia/samara.html" class="none"><small>Новый высококлассный автобус доставит Вас в Самару с максимальным комфортом (система кондиционирования, 2 телевизора, холодильник, кухня, чай, кофе). На целый день в Вашем распоряжении 9 бассейнов, более 30 аттракционов и водных горок! <br> <b> Стоимость тура всего 1300 руб.</b> В стоимость включен проезд на автобусе, входной билет в аквапарк, завтрак и ужин.</small></a><br></div>

Автор: Gold Dragon 20.3.2004, 10:32
Посмотри, если это то, то бери

<script>
function qq(a) {
var vis
IE = (document.all)
NC = (document.layers)
Op = (document.getElementById)
for (var i=1; i<4; i++){
if(IE) vis = document.all["r"+i]
if(NC) vis = document.layers["r"+i]
if(Op) vis = document.getElementById("r"+i)
if (a!=i){vis.style.display = "none"}
else {vis.style.display = "inline"}
}
}
</script>
......
<a onclick="qq(1)" href="#">Ссылка 1</a>
<a onclick="qq(2)" href="#">Ссылка 2</a>
<a onclick="qq(3)" href="#">Ссылка 3</a>
......
<DIV id="r1" style="DISPLAY: none">Пример 1</DIV>
<DIV id="r2" style="DISPLAY: none">Пример 2</DIV>
<DIV id="r3" style="DISPLAY: none">Пример 3</DIV>

Автор: Гость_Елена 22.3.2004, 14:28
Ура!!!!!!!!!!!!!
Это как раз то, что нужноsmile.gif))))))))
Спасибо огромное Red Dragon:))) Готова расцеловать, так долго искала этот скриптsmile.gif))))

Всем спасибо за внимание, за то что не оставили в бедеsmile.gif)))))

Заходите в гости [url]http://www .belaya.ru[/url]

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)