Discussion :

[ograweb]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 document.getElementById("DivMenuPrint").style.left = document.getElementById(bouttonname).offsetLeft;
    document.getElementById("DivMenuPrint").style.top = document.getElementById(bouttonname).offsetTop;