Chowanie się menu Opcje

[daris]

Próbuje zrobić menu, ale  mam jeden problem, a dokładniej nie wiem jak zrobić jedną rzecz. Chodzi o ten fragment:

Kod

el.onmouseout = function(e){
     document.body.removeChild(menu);
 }

Teraz menu chowa się wtedy kiedy kursor będzie poza linkiem, a jak to przerobić żeby się chowało wtedy kiedy kursor będzie poza linkiem i poza div'em menu?

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
function menu(el, m){
 var menu = document.createElement("div");
 xpos = findPos(el)[0];
 ypos = findPos(el)[1] + el.offsetHeight;
 
 menu.style = 'background: lime; border: 1px solid green; position:absolute; top:' + ypos + 'px; left: ' + xpos + 'px';
 
 if (m == 1)
 	menu.innerHTML = '<ul><li><a href="profile">Profil</a></li></ul>';
 else if (m == 2)
 	menu.innerHTML = '<ul><li><a href="settings">Ustawienia</a></li></ul>';
 
 document.body.appendChild(menu);
 
 el.onmouseout = function(e){
 	document.body.removeChild(menu);
 }
}
 
function findPos(obj) {
    var nleft = 0;
    var ntop = 0;
    if (obj.offsetParent) {
        nleft = obj.offsetLeft
        ntop = obj.offsetTop
        while (obj = obj.offsetParent) {
            nleft += obj.offsetLeft
            ntop += obj.offsetTop
        }
    }
    return [nleft,ntop];
}
 
</script>
 
<a href="fdsf" onmouseover="menu(this, 1)">Menu 1</a> | <a href="fdsf" onmouseover="menu(this, 2)">Menu 2</a>
[HTML] pobierz, plaintext 

[nevt]

dadaj obsługę tego zdarzenia do elementu menu:

Kod

menu.onmouseout = function(e){
      document.body.removeChild(menu);
document.body.appendChild(menu);

Ten post edytował nevt 14.02.2008, 07:50:08

[daris]

Mam coś zamienić na to czy tylko dodać to powyższe? Pozatym nie wiem czy mam ten cały kod wrzucić bo gdzieś wcięło klamrę }

Próbowałem zamieniać, dodawać i ogólnie eksperymentować ale żadnym sposobem nie udało mi się tego zrobić.

edit: a i

Kod

menu.style = 'jakis styl';

to działa tylko pod operą, więc musiałem to zamienić na:

Kod

menu.setAttribute('style', 'background: lime; border: 1px solid green; position:absolute; top:' + ypos + 'px; left: ' + xpos + 'px');

Ten post edytował daris 14.02.2008, 14:19:51

[nevt]

po prostu (sorki za brak klamry w poprzednim poscie - pomylko przy kopiowaniu):

Kod

// tamgdzie masz teraz tylko:
document.body.appendChild(menu);

// zamien to na:
menu.onmouseout = function(e){ document.body.removeChild(menu); };
document.body.appendChild(menu);

powodzenia

[daris]

Takie coś nie działa. Już tak wcześniej próbowałem.

A czy ktoś już może napisał taki prosty skrypt dla menu? (bez żadnych animacji)

[MajareQ]

Kod

<a href="javascript: show_reds('1')">Menu</a>
<div class="show_redss" id="1">tresc menu</div>

[daris]

Co to ma być?

[MajareQ]

To jest podpowiedź...

Ten post edytował MajareQ 15.02.2008, 08:30:01