Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Chowanie się menu
Forum PHP.pl > Forum > Po stronie przeglądarki
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?

  1. <script type="text/javascript">
  2.  
  3. function menu(el, m){
  4.  var menu = document.createElement("div");
  5.  xpos = findPos(el)[0];
  6.  ypos = findPos(el)[1] + el.offsetHeight;
  7.  
  8.  menu.style = 'background: lime; border: 1px solid green; position:absolute; top:' + ypos + 'px; left: ' + xpos + 'px';
  9.  
  10.  if (m == 1)
  11.   menu.innerHTML = '<ul><li><a href="profile">Profil</a></li></ul>';
  12.  else if (m == 2)
  13.   menu.innerHTML = '<ul><li><a href="settings">Ustawienia</a></li></ul>';
  14.  
  15.  document.body.appendChild(menu);
  16.  
  17.  el.onmouseout = function(e){
  18.   document.body.removeChild(menu);
  19.  }
  20. }
  21.  
  22. function findPos(obj) {
  23.   var nleft = 0;
  24.   var ntop = 0;
  25.   if (obj.offsetParent) {
  26.   nleft = obj.offsetLeft
  27.   ntop = obj.offsetTop
  28.   while (obj = obj.offsetParent) {
  29.   nleft += obj.offsetLeft
  30.   ntop += obj.offsetTop
  31.   }
  32.   }
  33.   return [nleft,ntop];
  34. }
  35.  
  36.  
  37. <a href="fdsf" onmouseover="menu(this, 1)">Menu 1</a> | <a href="fdsf" onmouseover="menu(this, 2)">Menu 2</a>
nevt
dadaj obsługę tego zdarzenia do elementu menu:
Kod
menu.onmouseout = function(e){
      document.body.removeChild(menu);
document.body.appendChild(menu);
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ę } tongue.gif

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');
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>


questionmark.gif
daris
Co to ma być?
MajareQ
To jest podpowiedź... winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.