coordonnées left d'un button

Bonjour a tous.

voila j'ai un petit script qui doit faire apparaitre une 'table' juste dessous un boutton lors du clique, et disparaitre au second click.

le probleme est le placement de ce tableau, car je n'arrive pas a recuperer le 'left' et le 'top' du boutton.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
<style type="text/css">
<!--
#DivMenuPrint{
    position:absolute;
    left:100px;
    top:100px;
    border:1px black solid;
    visibility:visible;
}
-->
</style>
 
 
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#D4D0C8" id="DivMenuPrint">
      <tr>
       <td style="padding-left:7px;padding-right:7px;" valign="bottom"><a href="">Imprimer ceci</a></td>
      </tr>
<table>
 
<input type="button" value="Imprimer" Onclick="MenuPrint('ButtonPrint')" style="width:100px;" id="ButtonPrint">

Code:

1
2
3
4
5
6
7
8
9
10
11
 
 
function MenuPrint(bouttonname){
    if(document.getElementById("DivMenuPrint").style.visibility == "visible")
        document.getElementById("DivMenuPrint").style.visibility="hidden";
    else
        document.getElementById("DivMenuPrint").style.visibility="visible";
 
    document.getElementById("DivMenuPrint").style.left = document.getElementById(bouttonname).style.left;
    document.getElementById("DivMenuPrint").style.top = document.getElementById(bouttonname).style.top;
}

Comme vous pouvez le voir je veux que le tableau se place juste dessous le bouton, Où que soit ce bonton ...

merci a ceux qui m'eclaireront