rechtsklick-menü

[SorgenkindMech]

moins

da das thema ja leider schon im archiv ist, hier nochmal mein problem:

ich habe eine ordner-struktur, und möchte (meinetwegen ähnlich dem windows explorer) wenn man mit rechts auf einen dieser ordner klickt, dass dann ein menü erscheint, mit dem man dann auf diesen ordner bestimmte aktionen ausführen kann

es soll keine rechtklick-sperre oder sowas sein, sondern möglichst dem nutzer alles so "gewohnt" wie möglich zu machen

dieses system ist nicht öffentlich, sprich da gehen keine benutzer mit browsern drauf, die ja nich erlauben oder so

mein einziges PROBLEM ist nun: wenn man rechts klickt kommt da das browsereigene menü
das kann ja von mir aus überall der fall sein, aber nicht wenn man auf einen dieser "ordner" klickt, da ist es absolut störend

hier mal n kleiner baum (is natürlich nich ganz volllständig, sollte aber zur vorstellung reichen ;) ):

<table style="width: 100%" cellpadding="0" cellspacing="0" >
<tr valign="top"><td colspan=100><h3>Konten</h3></td></tr>

<tr><td><img style="width: 20px; height=1px">
  <span id='l1' style="position:absolute; z-index:1; visibility:hidden;">
  <br />
  <table style="background-color: #EEEEEE;"><tr><td>
  löschen<br />
  blabla<br />
  tütüü
  </td></tr></table>
  </span>
  <span onMouseDown="menu(1)"><strong>[e-mail]</strong></span></td></tr>
<tr><td><img style="width: 40px; height=1px">
  <span id='l2' style="position:absolute; z-index:1; visibility:hidden;">
  <br />
  <table style="background-color: #EEEEEE;"><tr><td>
  löschen<br />
  blabla<br />
  tütüü
  </td></tr></table>
  </span>
  <span onMouseDown="menu(2)">eingegangen</span></td></tr>
<tr><td><img style="width: 40px; height=1px">
  <span id='l3' style="position:absolute; z-index:1; visibility:hidden;">
  <br />
  <table style="background-color: #EEEEEE;"><tr><td>
  löschen<br />
  blabla<br />
  tütüü
  </td></tr></table>
  </span>
  <span onMouseDown="menu(3)">zu senden</span></td></tr>
<tr><td><img style="width: 40px; height=1px">
  <span id='l4' style="position:absolute; z-index:1; visibility:hidden;">
  <br />
  <table style="background-color: #EEEEEE;"><tr><td>
  löschen<br />
  blabla<br />
  tütüü
  </td></tr></table>
  </span>
  <span onMouseDown="menu(4)">gesendet</span></td></tr>
<tr><td><img style="width: 20px; height=1px">
  <span id='l9' style="position:absolute; z-index:1; visibility:hidden;">
  <br />
  <table style="background-color: #EEEEEE;"><tr><td>
  löschen<br />
  blabla<br />
  tütüü
  </td></tr></table>
  </span>
  <span onMouseDown="menu(9)"><strong>[e-mail]</strong></span></td></tr>
<tr><td><img style="width: 40px; height=1px">
  <span id='l11' style="position:absolute; z-index:1; visibility:hidden;">
  <br />
  <table style="background-color: #EEEEEE;"><tr><td>
  löschen<br />
  blabla<br />
  tütüü
  </td></tr></table>
  </span>
  <span onMouseDown="menu(11)">zu senden</span></td></tr>
<tr><td><img style="width: 40px; height=1px">
  <span id='l10' style="position:absolute; z-index:1; visibility:hidden;">
  <br />
  <table style="background-color: #EEEEEE;"><tr><td>
  löschen<br />
  blabla<br />
  tütüü
  </td></tr></table>
  </span>
  <span onMouseDown="menu(10)">eingegangen</span></td></tr>
<tr><td><img style="width: 40px; height=1px">
  <span id='l12' style="position:absolute; z-index:1; visibility:hidden;">
  <br />
  <table style="background-color: #EEEEEE;"><tr><td>
  löschen<br />
  blabla<br />
  tütüü
  </td></tr></table>
  </span>
  <span onMouseDown="menu(12)">gesendet</span></td></tr></table>

das js dazu:

<script language="javascript" type="text/javascript">
function menu(id)
{
 if(event.button==2 || event.button==3)
 {
  document.getElementById("l" + String(id)).style.visibility="visible";
 }
}
</script>

ich danke schonmal im voraus

PS: nein ich will keine buttons für jeden einzelnen ordner haben ;)

grüße an alle, die tagtäglich schuften ;)