Eddy: onclick layer öffnen/schließen

Beitrag lesen

<body>
  <a href="#" onMouseUp="showmenu(event)">Link 1</a>
  <table id="menu" class="menu">
    <tr>
      <td valign="middle">Sequenz: </td>
      <td valign="middle"><input onMouseDown="" type="text" style="font-size:9px; width:25px; height:10px;" maxlength="4"></td>
      <td><a href="http://www.selfhtml.org">OK</a></td>
    </tr>
  </table>

<script language="javascript">
    ie = ((document.all) && (window.offscreenBuffering) ) ? true : false;
    nn = ((document.captureEvents) && (!document.getElementById)  ) ? true : false;
    mz = ((document.getElementById) && (!document.all) && (document.documentElement)  ) ? true : false;
    op = ((document.getElementById) && (navigator.userAgent.indexOf('Opera') != -1) ) ? true : false;
    //document.onclick = hidemenu;
    function showmenu(event){
      document.getElementById("menu").style.display = "block";
      if(ie){
       document.getElementById("menu").style.top = event.clientY + "px";
        document.getElementById("menu").style.left = event.clientX + "px";
      }else if(nn||mz||op){
        document.getElementById("menu").style.top = event.pageY + "px";
        document.getElementById("menu").style.left = event.pageX + "px";
      }
      document.onmousedown = hidemenu;
    }
    function hidemenu(){
      document.getElementById("menu").style.display = "none";
    }
  </script>
</body>