Меню с ляв бутон.

[F1r3Fl3x]

Имам един скрипт, с който като кликнеш с десният бутон на мишката се отваря едно малко меню, въпросът ми е как мога да го направя като се кликне върху различни дивове да вади различни менюта, а не да е едно за цялата страница.
Ето скрипта.

<html>
<head>
<script language="javascript">

</script>
    
</head>
<body>
<div id="bodydiv" style="width:200px;height:100px;border:1px ff0000;">

<div id="menudiv" style="position:absolute;display:none;top:0px;left:0px;z-index:10000;" onmouseover="javascript:overpopupmenu=true;" onmouseout="javascript:overpopupmenu=false;">
<table width=82 cellspacing=1 cellpadding=0 bgcolor=lightgray>
  <tr><td>
    <table width=80 cellspacing=0 cellpadding=0>
      <tr>
        <td id="item1" bgcolor="#FFFFFF" width="80" height="16" onMouseOver="this.style.backgroundColor='#EFEFEF'" onMouseOut="this.style.backgroundColor='#FFFFFF'">  <a href="#">Item1</a></td>
      </tr>
      <tr>
        <td id="item2" bgcolor="#FFFFFF" width="80" height="16" onMouseOver="this.style.backgroundColor='#EFEFEF'" onMouseOut="this.style.backgroundColor='#FFFFFF'">  <a href="#">Item2</a></td>
      </tr>
      <tr>
        <td id="item3" bgcolor="#FFFFFF" width="80" height="16" onMouseOver="this.style.backgroundColor='#EFEFEF'" onMouseOut="this.style.backgroundColor='#FFFFFF'">  <a href="#">Item3</a></td>
      </tr>
      <tr>
        <td id="item4" bgcolor="#ffffff" width="80" height="16" onMouseOver="this.style.backgroundColor='#EFEFEF'" onMouseOut="this.style.backgroundColor='#FFFFFF'">  <a href="#">Item4</a></td>
      </tr>
    </table>
  </td></tr>
</table>
</div>
    </div>
</body>
</html>

 

[F1r3Fl3x]

Оправих се ! Ако на някой му трябва такова чудо, тук има такова.