<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>