Bonjour,

Je suis en train de développer une fonction qui prend un nom en entrée et est censé :
m'afficher un cadre avec ce nom dedans puis une image qui m'ouvrira un menu si je clique dessus.

Voici la fonction :
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
 
function objetappli($nom,$nomappli,$font,$size,$couleur)
{
?>
 
 
	<div id="<?php echo $nomappli;?>" name="<?php echo $nomappli;?>" style="display:inline-block;position:relative;top:0px;background-color:white; border: 1px solid blue;">
 
	<font style='font-family:<?php echo $font;?>,Verdana, Helvetica, Helv;font-size:<?php echo $size;?>px;font-weight:bold;color:<?php echo $couleur;?>'>
	<?php
        echo "&nbsp;";echo $nom;echo "&nbsp;";
        ?>
	<img id="<?php echo $nomappli;?>boutton" name="<?php echo $nomappli;?>boutton" src="images/option.gif" width="15" style="position:relative;top:3px;left:-3px;border: 0px;" onmouseover="this.style.cursor='pointer'" onmouseout="" onblur="fermersousmenulienappli('"+nomappli+"'); if (event.stopPropagation) { event.stopPropagation(); }  event.cancelBubble = true;" onclick="sousmenulienappli('<?php echo $nomappli;?>')">
 
 
</div>
 
 
<div id="<?php echo $nomappli;?>menudeplacement" name="<?php echo $nomappli;?>menudeplacement" style="display:none;position:relative;top:-20px;left:-100px;background-color:white; border: 1px solid blue;z-index:20;">
</div>	
<?php
}
La fonction est appelé en php. Mais je galère sur du javascript.

Je m'explique, le div est en inline (ou block inline) car je veux que ce div soit afficher à la suite du texte où elle est incorporé.

Elle est appelé comme suit:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
Si vous voulez suivre ACDC -> <?php objetappli('ACDC','ACDC','Segoe Print','12','blue'); ?>
Jusque là tout marche. Mais je souhaite que un div s'affiche quand on click sur l'image présent dans la fonction.
Je suis arrivé à faire marché mais en position relative avec inline, c'est à dire que le div 2 s'affiche bien mais décalle toute la page....

La solution serai de placer le premier div en inline (comme actuellement) et le second en absolute avec position du premier.

Hors, 1erdiv.style.left = rien car non spécifié.... Mais je peux pas lui spécifier car c'est lui qui l'affiche en inline.

Ma question est comment récupérer la position d'un div inline?