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 :
La fonction est appelé en php. Mais je galère sur du javascript.Code:
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 " ";echo $nom;echo " "; ?> <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 }
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:
Jusque là tout marche. Mais je souhaite que un div s'affiche quand on click sur l'image présent dans la fonction.Code:Si vous voulez suivre ACDC -> <?php objetappli('ACDC','ACDC','Segoe Print','12','blue'); ?>
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?