IMHO.WS - Меню на Java

IMHO.WS (http://www.imho.ws/index.php)

- Веб-программирование (http://www.imho.ws/forumdisplay.php?f=29)

- - Меню на Java (http://www.imho.ws/showthread.php?t=113624)

Меню на Java

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

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>

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

Код:

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>

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

Цитата:

Сообщение от KapMaH (Сообщение 1336624)

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

ну конечно не просек.
Это из php кода выдерто :yees:
Код генерился

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

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

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

Код:

<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>

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

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

Цитата:

Сообщение от apoc (Сообщение 1342444)

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

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

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