меню . Страница 1. Раздел «Клиентские скрипты». Форум программистов «Весельчак У»

schnibbl

Гость

меню

« : 17-05-2005 11:26 »

есть вертикальное меню на жабе.
подменю делается с помощью div и свойства display:none а потом жабой играем со свойствами
document.all.ХХХ.style.display="none"
document.all.ХХХ.style.display=""

вот переделал эту шнягу в горизонтальное меню, всё пашет, но вот вопрос как зделать чтобы подменю накладывалось на текст, а не раздвигало себе место для показа подменю ? я так понимаю здесь где то стиль position обыграть нужно.

назовите функции какие надо использовать пожалуйста...
или горизонтальные меню вообще по другому принципу строятся ?


« Последнее редактирование: 17-05-2005 11:59 от schnibbl »	Записан

RXL

Технический
Администратор

Offline
Пол: Мужской

Re: меню

« Ответ #1 : 17-05-2005 12:23 »

schnibbl, не путай Java и Javascript - это совершенно разные вещи. У тебя в примере javascript.

Тут нужны слои (layers).

Кстати, используя объект "document.all" ты гарантируешь неработоспособность скпирта на не-IE - т.е. на Opera, Mozilla, Netscape и т.п.


	Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.

schnibbl

Гость

Re: меню

« Ответ #2 : 17-05-2005 13:02 »

сорри, я имелл ввиду Javascript конечно же.
у меня на опере document.all работает (7.54) на 5.32 тоже работает проверял.


« Последнее редактирование: 17-05-2005 13:08 от schnibbl »	Записан

schnibbl

Гость

Re: меню

« Ответ #3 : 17-05-2005 13:27 »

во, сварганил такую штуку, (руки не отрывать Улыбаюсь

)

Код:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
 DIV.out{position:absolute; z-index:1; layer-background-color:Silver; background-color:Silver; visibility:hidden}
</style>
</head>
<body bgcolor="#006677">
<table><tr><td>
<div onMouseOver="a1.style='visibility:visible;'" onMouseOut="a1.style='visibility:hidden;'">Меню 
<div id="a1" class="out"> 
<a href="#">подменю1</a><br>
<a href="#">подменю2</a><br>
</div></div>
</td></tr><tr><td>
Основной текст<br>
Основной текст<br>
Основной текст<br>
</td></tr></table>
</body>
</html>

В опере работает в IE нет, можно ли вылечить ? или кострукция "a1.style=" слишком неправильная ?


« Последнее редактирование: 20-12-2007 19:48 от Алексей1153++ »	Записан

RXL

Технический
Администратор

Offline
Пол: Мужской

Re: меню

« Ответ #4 : 17-05-2005 21:22 » new

Стили менять можно.

Рекомендую прочесть: http://www.yatska.ru/forum/viewtopic/p/815/


	Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.

schnibbl

Гость

Re: меню

« Ответ #5 : 19-05-2005 06:47 »

я не очень понимаю к чему ссылка ? спорить о том что лудше фрэйм или таблица, горизонтальное меню или вертикальное, можно до бесконечности. а я так скажу, всё в твоих руках, как безрукий дизайнер зделает так и будет. и пример работоспособный там сразу после твоего поста привели.
а что по поводу вертикального меню, так если делать на ПХП то скриптовое меню и там схлопываться будет.
P.S. но всё равно огромное спасибо Отлично

сылочка с последнего поста на ввв.ртдс.ру про работающее меню пригодилась.


« Последнее редактирование: 19-05-2005 06:49 от schnibbl »	Записан

schnibbl

Гость

Re: меню

« Ответ #6 : 20-05-2005 08:54 »

между прочим, свойство position:absolute не всегда отсчет координат ведет от левого верхнего угла, если применить это свойство к вложенному блоку, то отсчет будет вестись от левого верхнего угла блока-родителя, отсюда получаем позиционирование не съезжающее когда картинки там отключают или разрешение экрана меняют.


	Записан

Страниц: [1] Вверх

Печать

« предыдущая тема следующая тема »

Форум программистов «Весельчак У» > Направления программирования > Web > Клиентские скрипты > Тема: меню

	Автор	Тема: меню (Прочитано 10069 раз)
0 Пользователей и 3 Гостей смотрят эту тему.