onmouseout, onmouseover

[lolka84]

Всем привет.
Возникла необходимость сделать простое всплывающее меню. Т.е. при наведении на некоторый элемент должен появляться div, а при onmouseout уже на этом диве он должен пропадать.
Проблема в том, что внутри этого дива есть список, следовательно, когда курсор переходит на него, див пропадает

<div id="one" style="width:100px; height:100px; background:#333;" onMouseOver="document.getElementById('two').style.display = 'block';"></div>
    
<div id="two" style="width:200px; height:100px; background:#999; margin:20px 0 0 0; display:none;" onMouseOut="document.getElementById('two').style.display = 'none';">
    
    <ul>
        
        	<li>1</li>
        	<li>1</li>
        	<li>1</li>
        	<li>1</li>
        
    </ul>
    
</div>

Как решить проблему ?
Заранее благодарю!

[ksa]

при наведении на некоторый элемент должен появляться div

Может пример сделаешь полный? Поскольку не понятно про какой "некоторый элемент" идёт речь...

[walik]

При mouseout проверять есть ли у элемента на который перешли в родителях эта дивка, и если нету то тогда выполнять что надо

[lolka84]

Есть список <ul></ul>, тобишь обычное меню.
При наведении на один из пунктов должен рядом появляться div с другим списком <ul></ul>, типа подменю

<ul>
    
        <li>1</li>
        <li id="one" onMouseOver="document.getElementById('two').style.display = 'block';">1</li>
        <li>1</li>
        <li>1</li>
    
    </ul>
        
    <div id="two" style="width:200px; height:100px; background:#999; margin:20px 0 0 0; display:none;" onMouseOut="document.getElementById('two').style.display = 'none';">
    
    	<ul>
        
        	<li>1</li>
        	<li>1</li>
        	<li>1</li>
        	<li>1</li>
        
        </ul>
    
    </div>

[lolka84]

При mouseout проверять есть ли у элемента на который перешли в родителях эта дивка, и если нету то тогда выполнять что надо

Счас попробую, спасибо

[ksa]

При наведении на один из пунктов должен рядом появляться div с другим списком <ul></ul>, типа подменю

Как вариант...

<style type="text/css">
.submenu {
	display: none;
}
.menu > li:hover > .submenu {
	display: block;
}
</style>
<ul class='menu'>
	<li>1
		<ul class='submenu'>
			<li>1 1</li>
			<li>1 2</li>
			<li>1 3</li>
			<li>1 4</li>
		</ul>
	</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>

[lolka84]

Как вариант...

Не пойдет, меню, которое должно появляться, не является дочерним к тому, на которое наводим курсор

С проверкой на родителя чот не выходит.
Получается, когда на появившемся диве курсор попадает на список, срабатывает событие onmouseout. Как в этот момент проверить, является ли этот див родителем у списка ?

[ksa]

меню, которое должно появляться, не является дочерним к тому, на которое наводим курсор

Что мешает его сделать дочерним?

[lolka84]

Что мешает его сделать дочерним?

Да впринципе нечего, попробую, спасибо.