eclapasson: Javascript Popup Menü

Beitrag lesen

Hallo!

Ich möchte gerne ein Javaskript Popup Menü in meinem Forum. Alles läuft eigentlich so wie es sollte, doch kann ich den Code nicht verstecken. Mit visibility: hidden wird zwar das Menü nicht angezeit, doch an der Stelle wo ich den Code einfüge braucht es Platz. Mit display: none wäre zwar dieses Problem gelöst, allerdings kann man so das Menü nicht wieder sichtbar machen.

Mein Code:
Skript (by WBB2):
<script type="text/javascript">
<!--
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
NS6 = (document.getElementById) ? 1 : 0;

activmenu = false;
timerRunning = false;

function checkTimer() {
 if(timerRunning)  {
  clearTimeout(timerRunning);
  timerRunning = false;
 }
}

function startTimer() {
 timerRunning = setTimeout("show();",1000);
}

function show(menu) {
 if(activmenu) {
  checkTimer();
  if(NS4) document.layers[activmenu].visibility = "hide";
  if(NS6) document.getElementById(activmenu).style.visibility = "hidden";
  if(IE4) document.all(activmenu).style.visibility = "hidden";
  activmenu = false;
 }

if(menu) {
  if(NS4) {
   document.layers[menu].visibility = "show";
   document.layers[menu].bgColor = "FFFFFF";
   document.layers[menu].onmouseover = checkTimer;
   document.layers[menu].onmouseout = startTimer;
  }

if(IE4) {
   document.all(menu).style.visibility = "visible";
   document.all(menu).onmouseover = checkTimer;
   document.all(menu).onmouseout = startTimer;
  }

if(NS6) {
   document.getElementById(menu).style.visibility = "visible";
   document.getElementById(menu).onmouseover = checkTimer;
   document.getElementById(menu).onmouseout = startTimer;
  }
  activmenu = menu;
 }
}

function hide(menu) {
 checkTimer();
 if(NS4) document.layers[menu].visibility = "hide";
 if(NS6) document.getElementById(menu).style.visibility = "hidden";
 if(IE4) document.all(menu).style.visibility = "hidden";
 activmenu = false;
}

//-->
</script>

Menü:
<div id="popupmenu$posts[postid]" style="visibility: hidden">
<table cellpadding="4" cellspacing="1" border="0" class="tblborder">
 <tr class="secondrow">
  <td><b>$posts[username]</b></td>
  <td onmouseover="javascript:hide('popupmenu$posts[postid]');"><b>X</b></td>
 </tr>
  <tr><td><a href="profile.php?userid=$posts[userid]&sid=$session[hash]">Profil</a></td></tr>
</table>
</div>

Aufruf:
<a href="profile.php?userid=$posts[userid]&sid=$session[hash]" onmouseover="javascript:show('config');">$posts[username]</a>