Меню на Java - Веб-программирование

Antilogic · 13.01.2007, 01:45

Подскажите, как сделать скрипт меню на ява такого рода:
Есть ссылка1 ссылка2 ссылка3.
А при наведении на одну из них, где то рядом (например, под ней) появляется еще список ссылок. Но чтобы это было не ввиде менюшки, а как просто появляющийся текст.
Понадобилось срочно, купил даже книженцию по JavaScript - там такого не нашел

Псих · 14.01.2007, 14:14

Solovjeff, создаешь div контейнер, присвоив ему style - display:none
При наведении делаешь на событии onMouseOver изменение этого стиля.
Вот когда-то делал выпадающую менюшку на аяксе.

Код:

<div name="menuElem" id="menu<?=$i?>" onMouseOver="document.getElementById('menu<?=$i?>').style.display='inline';" onMouseOut="document.getElementById('menu<?=$i?>').style.display='none';"
style=" display:none; z-index:1; padding:10 0 10 20; text-decoration:none; width:200px;background-color:#e6e6e6; position: absolute;">Идет загрузка</div>

KapMaH · 16.01.2007, 14:21

я очень извиняюсь, но выражение

Код:

menu<?=$i?>

мой ИЕ как-то не просёк.
Я позволил немного поковырять, получилось примерно следующее:

Код:

<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title></title>
  </head>
  <body>
   <br><br><br><br><br><br><br>
   <div onMouseOver=" document.getElementById('menu1').style.display='inline';"
     onMouseOut="document.getElementById('menu1').style.display='none';">
     Главная ссылка<br>
   </div>
    <div name="menuElem" id="menu1" 
     onMouseOver="document.getElementById('menu1').style.display='inline';"
     onMouseOut="document.getElementById('menu1').style.display='none';"
     style="display:none; z-index:1; padding:10 0 10 20; text-decoration:none; width:200px;background-color:#e6e6e6; position: absolute;">
      <a href="next1.html"> Следующая</a><br>
      <a href="next2.html"> Следующая 2</a><br>
      <a href="next3.html"> Следующая 3</a><br>
      <a href="next4.html"> Следующая 4</a><br>
      <a href="next5.html"> Следующая 5</a><br>      
    </div>    
  </body>
</html>

оно даже как-бы работает.., только вот вопрос у меня как у чайника - это именно то, что нужно? Или я что-то не так понял?

Псих · 16.01.2007, 14:28

Цитата:

Сообщение от KapMaH

мой ИЕ как-то не просёк.

ну конечно не просек.
Это из php кода выдерто

Код генерился

Antilogic · 19.01.2007, 22:45

Привет! Ну что то вроде того, только как сделать так, чтобы когда курсор мыши убираешь, ссылки не исчезали, а оставались? Но, сменялись, когда я буду подводить на такой же раскрывающийся блок?

Псих · 20.01.2007, 00:13

Solovjeff, решал подобную проблему. Решение подсказал Hubbitus. На событии onMouseOut запускать таймер, который после n секунд автоматически закроет меню, если мышка не вернулась на объект.
Это не совсем 100% решение твоей проблемы, но именно так я ее решал (:

Hubbitus · 20.01.2007, 01:06

Если честно, то до конца так и не понял что требуется, но как понял, накидал, так?:

Код:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>

<script>
var ActiveMenu = -1;

function menu(N){
	if (ActiveMenu > -1) document.getElementById('menu' + ActiveMenu).style.display='none';
document.getElementById('menu' + N).style.display='inline';
ActiveMenu=N;
}
</script>

<style>
.menu {
	display:none;
	position: absolute;
	z-index:1;
	padding:10 0 10 20;
	text-decoration:none;
	width:200px;
	background-color:#e6e6e6;
	}
</style>

</head>

<body>
<br><br><br><br><br><br><br>


<span onMouseOver="menu(0);">Главная ссылка0</span>
<span onMouseOver="menu(1);"><br>Главная ссылка1</span>
<span onMouseOver="menu(2);"><br>Главная ссылка2</span>

<div id="menu0" class=menu>
<a href="next1.html">Следующая_0</a><br>
<a href="next2.html"> Следующая_0 2</a><br>
<a href="next3.html"> Следующая_0 3</a><br>

<a href="next4.html"> Следующая_0 4</a><br>
<a href="next5.html"> Следующая_0 5</a><br>
</div>

<div id="menu1" class=menu>
<a href="next1.html">Следующая_1</a><br>
<a href="next2.html"> Следующая_1 2</a><br>
<a href="next3.html"> Следующая_1 3</a><br>

<a href="next4.html"> Следующая_1 4</a><br>
<a href="next5.html"> Следующая_1 5</a><br>
</div>

<div id="menu2" class=menu>
<a href="next1.html">Следующая_2</a><br>
<a href="next2.html"> Следующая_2 2</a><br>
<a href="next3.html"> Следующая_2 3</a><br>

<a href="next4.html"> Следующая_2 4</a><br>
<a href="next5.html"> Следующая_2 5</a><br>
</div>
</body>
</html>

apoc · 25.01.2007, 12:34

Вообщем нужно менюха неверное типа:
http://www.viewsonic.com/support/dri...rmName=monitor

Не виже проблем глянуть как там сделано и сделать так же себе...

Hubbitus · 25.01.2007, 19:00

Цитата:

Сообщение от apoc

Вообщем нужно менюха неверное типа:

Автор топика, расскажи уже наконец что нужно конретнее, чтобы мы все не гадали.

apoc, дак я такое приблизительно и сделал - оформление это уже отдельная часть.

13.01.2007, 01:45	# 1
Antilogic Full Member Регистрация: 17.07.2004 Пол: Male Сообщения: 553	Меню на Java Подскажите, как сделать скрипт меню на ява такого рода: Есть ссылка1 ссылка2 ссылка3. А при наведении на одну из них, где то рядом (например, под ней) появляется еще список ссылок. Но чтобы это было не ввиде менюшки, а как просто появляющийся текст. Понадобилось срочно, купил даже книженцию по JavaScript - там такого не нашел __________________ Именно то, как вы собираете, организуете и используете информацию, определяет, победите вы или проиграете. (c) Билл Гейтс

14.01.2007, 14:14	# 2
Псих ::VIP:: Guinness Liker Понаехало тут Регистрация: 26.01.2003 Адрес: В нейроне Пол: Male Сообщения: 2 848	Solovjeff, создаешь div контейнер, присвоив ему style - display:none При наведении делаешь на событии onMouseOver изменение этого стиля. Вот когда-то делал выпадающую менюшку на аяксе. Код: <div name="menuElem" id="menu<?=$i?>" onMouseOver="document.getElementById('menu<?=$i?>').style.display='inline';" onMouseOut="document.getElementById('menu<?=$i?>').style.display='none';" style=" display:none; z-index:1; padding:10 0 10 20; text-decoration:none; width:200px;background-color:#e6e6e6; position: absolute;">Идет загрузка</div> __________________ меня не вылечат

19.01.2007, 22:45	# 5
Antilogic Full Member Регистрация: 17.07.2004 Пол: Male Сообщения: 553	Привет! Ну что то вроде того, только как сделать так, чтобы когда курсор мыши убираешь, ссылки не исчезали, а оставались? Но, сменялись, когда я буду подводить на такой же раскрывающийся блок? __________________ Именно то, как вы собираете, организуете и используете информацию, определяет, победите вы или проиграете. (c) Билл Гейтс

20.01.2007, 00:13	# 6
Псих ::VIP:: Guinness Liker Понаехало тут Регистрация: 26.01.2003 Адрес: В нейроне Пол: Male Сообщения: 2 848	Solovjeff, решал подобную проблему. Решение подсказал Hubbitus. На событии onMouseOut запускать таймер, который после n секунд автоматически закроет меню, если мышка не вернулась на объект. Это не совсем 100% решение твоей проблемы, но именно так я ее решал (: __________________ меня не вылечат

25.01.2007, 12:34	# 8
apoc Junior Member Регистрация: 17.08.2003 Адрес: Украина Сообщения: 150	Вообщем нужно менюха неверное типа: http://www.viewsonic.com/support/dri...rmName=monitor Не виже проблем глянуть как там сделано и сделать так же себе... __________________ His name is spelled A-P-O-C, with a C - not APOK, because it originates from the word 'apocalypse'...