выпадающее меню.Prototype/javascript проблема с MouseOut

horal · 23 Авг 2007

выпадающее меню.Prototype/javascript проблема с MouseOut

нужно сделать список "hot actions" при наведении на элемент

элемент::картинка + текст

используется библиотека Prototype:

копировать

Код:

<style>             #wrapper{            width:150px;             border:solid 2px #0000ff;            position:absolute;            height:120px;            display:none;            z-index:100;            background-color:white;         }                 .hot_actions {            margin:4px;          }                 .hot_actions div {         }                 .hot_actions div:hover {             background-color:#eee;             border:solid 1px #a9a9a9;         }     </style>          

Event.observe(window,'load',init); 

// вызов init по загрузке окна         
function init()
     {         var elem    = $('profile');         
        var wrapper = $('wrapper');              
       Event.observe(elem,   'mouseover',showActions);        
     // т.е. хочу, чтобы при выходе из-за границ срабатывал hideActions         
      Event.observe(wrapper,'mouseout' ,hideActions);     
   }       

  function showActions ()
  {           $('wrapper').style.display = 'block';     }     

  function hideActions(){          alert('hide');              $('wrapper').style.display = 'none';     }

все это заключено в <div>:

Код:

<div style="border:solid 1px #eee;float:left;width:100px;z-index:10;" id="profile">profile</div>  <br><br>   <div id="wrapper">   <div>        <div id="hot_actions" class="hot_actions">             <div><a href=''>найти на карте</a></div>             <div><a href=''>добавить в друзья</a></div>             <div><a href=''>отправить сообщение</a></div>        </div>   </div> </div>

при наведении курсорf мыши, срабатывает mouseOver - отображаю
<div ID='wrapper'>

со списком элементов

когда курсор переносится на список элементов - "найти на карте" - то срабатыает mouseOut - Хотя ведь курсор в пределах дива

может я совсем не так как надо обрабатываю события?

мне нужно прятать wrapper, если с него ушел курсор,
а он срабатывает, когда курсор внутри границ wrapper

вот в чем вопрос!

подскажите почему так происходит плз!

-~{}~ 23.08.07 21:12:

если можете, удалите этот страшный пост плз!

-~{}~ 24.08.07 11:39:

решение проблемы:

элемент-инициатор должен быть перекрыт отображаемым элементом,
тогда все работает

выпадающее меню.Prototype/javascript проблема с MouseOut

horal

Новичок