Kontextmenü 1

Kontextmenü 1
klick irgendwo mit rechts dann erscheint das Menü.

<STYLE>
#contextMenu {
  position: absolute;
  visibility: hidden;
  width: 120px;
  background-color: #00C0FF;
  layer-background-color: #00C0FF;
  border: 2px outset red;
}
</STYLE>
<SCRIPT>
if (document.all || document.getElementById) {
  document.write('<STYLE>');
  document.write('A.menu { color: black; text-decoration: none;'
                 + ' cursor: default; width: 100%;}');
  document.write('A.menuOn { color: white; '
               + 'background-color: darkblue; text-decoration: none;');
  document.write(' cursor: default; width: 100%; }');
  document.write('<\/STYLE>');
}
</SCRIPT>
<SCRIPT>
var menu;
function showMenu (evt) {
  if (document.all) {
    document.all.contextMenu.style.pixelLeft = event.clientX;
    document.all.contextMenu.style.pixelTop = event.clientY;
    document.all.contextMenu.style.visibility = 'visible';
    return false;
  }
  else if (document.layers) {
    if (evt.which == 3) {
      document.contextMenu.left = evt.x;
      document.contextMenu.top = evt.y;
      document.contextMenu.onmouseout =
        function (evt) { this.visibility = 'hide'; };
      document.contextMenu.visibility = 'show';
      return false;
    }
  }
  else if (document.getElementById) {
    if (evt.button == 3) {
      evt.preventDefault();
      var menu = document.getElementById('contextMenu');
      menu.style.left = evt.pageX + 'px';
      menu.style.top = evt.pageY + 'px';
      menu.style.visibility = 'visible';
      return false;
    }
  }
  return true;
}
if (navigator.userAgent.toLowerCase().indexOf('msie 6') != -1)
  document.oncontextmenu =
    showMenu;
if (document.layers) {
  document.captureEvents(Event.MOUSEDOWN);
  document.onmousedown = showMenu;
}
if (!document.all && document.getElementById)
  document.onmouseup = showMenu;
</SCRIPT>

<DIV ID="contextMenu" ONMOUSEOUT="menu = this; this.tid = setTimeout('menu.style.visibility = \'hidden\'', 20);" ONMOUSEOVER="clearTimeout(this.tid);">
<A HREF="#" CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';">
Websitetools</A>

<A HREF="#" CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';">
Gästebuch</A>

<A HREF="center.html" CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';">
Startseite</A>

<A HREF="#" CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';">
Forum</A>

<A HREF="partner.html" CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';">
Partner</A>

<A HREF="hilfe.html" CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';">
Hilfe</A>
</DIV>