Witam wszystkich!

Mam problem z menu. Otoz chcialbym aby DIV ktory stanowi "czesc dynamiczna" menu, wyrownany byl do prawej strony przycisku (gdziekolwiek bylby umieszczony).

Oto kod:

[HTML] pobierz, plaintext 
<script type="text/javascript"> 
 
function getposOffset(ch, t){ 
 
  var totaloffset=(t=='top')? ch.offsetTop : ch.offsetLeft; 
  var offParent=ch.offsetParent; 
  while (offParent!=null){ 
    if(t=='left'){ 
   totaloffset=totaloffset+offParent.offsetLeft; 
   } else { 
   totaloffset=totaloffset+offParent.offsetTop; 
   } 
    offParent=offParent.offsetParent; 
  } 
  return totaloffset; 
} 
 
function showMenu(ch, menu_id){ 
 
  var menu_idv=document.getElementById(menu_id); 
  var menu_idv3=document.getElementById(ch); 
  if (menu_idv.style.display=='none'){ 
    menu_idv.style.left=getposOffset(ch, 'left')+"px" 
    menu_idv.style.top=getposOffset(ch, 'top')+21+"px" 
    menu_idv.style.display="block" 
 
    return false; 
  } else { 
    menu_idv.style.display="none" 
    return false; 
  } 
} 
 
</script> 
 
<table border="0" cellspacing="0" cellpadding="0" style="border: 1px solid black; background-color: white; width: 300px;"> 
  <tr> 
    <td width="200"></td> 
    <td width="100"> 
     <div id="aca" align="left" style="border: 2px solid #999999; background-color: white; width: 100px;" border="1"> 
     <a href="#" onClick="return showMenu(this, 'subcontent')">Otworz menu</a> 
     </div> 
   </td> 
  </tr> 
</table> 
 
 
<div id="subcontent" style="width:120px;position:absolute; display:none"> 
<div style="border: 1px solid black; background-color: white; width: 300px;padding:5px;"> 
<a href="#">Link 1</a><br> 
<a href="#">Link 2</a><br> 
<a href="#">Link 3</a> 
</div> 
</div>
[HTML] pobierz, plaintext 

Mam nadzieje ze macie jakies pomysly .
Z gory dzieki za pomoc i pozdrawiam!

Jak dla mnie to on jest wyrównany do prawej strony.
W tym momecie menu wygląda tak że jest ramka po której prawej stronie jest div, po kliknięciu na który otwiera się menu. To menu jest po prawej stronie, więc nie wiem o co chodzi
Może napisz coś więcej o problemie.

Mialem na mysli rownanie do "przycisku" je wywolujacego. Obecnie rowna do jego lewej strony (wiec jak widac menu wystaje z prawej strony poza przycisk), chcialbym aby bylo odwrotnie.

Czyli:



... a obecnie wyglada to tak:



Mam nadzieje ze udalo mi sie naswietlic problem .

ta linijka kodu przesuwa Ci diva w prawo.

Jestem juz maly kroczek do przodu, wiem ze nalezy posluzyc sie offsetWidth, jednak niemoge wywolac sprawdzenia menu o id "subcontent". Co ciekawsze menu o id "aca" sprawdza bez problemu...

Gdyby tylko ktos mogl mi powiedziec dlaczego tak sie dzieje

Obecny kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
function getposOffset(ch, t){
 
var totaloffset=(t=='top')? ch.offsetTop : ch.offsetLeft;
var offParent=ch.offsetParent;
while (offParent!=null){
if(t=='left'){
totaloffset=totaloffset+offParent.offsetLeft;
} else {
totaloffset=totaloffset+offParent.offsetTop;
}
offParent=offParent.offsetParent;
}
return totaloffset;
}
 
function showMenu(ch, menu_id,button_id){
 
var menu_idv  = document.getElementById(menu_id);
var button_width = document.getElementById(button_id).offsetWidth;
var menu_width = document.getElementById(menu_id).offsetWidth;
if (menu_idv.style.display=='none'){
menu_idv.style.left=getposOffset(ch, 'left')+"px"
menu_idv.style.top=getposOffset(ch, 'top')+21+"px"
menu_idv.style.display="block"
alert(button_width);
alert(menu_width);
return false;
} else {
menu_idv.style.display="none"
return false;
}
}
 
</script>
 
<table border="0" cellspacing="0" cellpadding="0" style="border: 1px solid black; background-color: white; width: 300px;">
<tr>
<td width="200"></td>
<td width="100">
<div id="aca" align="left" style="border: 2px solid #999999; background-color: white; width: 101px;" border="1">
<a href="#" onClick="return showMenu(this, 'subcontent','aca')">Otworz menu</a>
</div>
</td>
</tr>
</table>
 
 
<div id="subcontent" style="border: 1px solid black; background-color: white; width: 300px;padding:5px;position:absolute; display:none">
<a href="#">Link 1</a><br>
<a href="#">Link 2</a><br>
<a href="#">Link 3</a>
</div>
?>
[HTML] pobierz, plaintext