Discussion :

[kimcharlene]

Bonjour

Lorsque je passe sur certain lien j'ai fait en sorte d'afficher une infobulle. Je voudrais affiché l'ombre de l'infobulle.

Pour cela je voulais créer un deuxième div
- de taille égale a l'infobulle
- avec un z-index inférieur
- de couleur noir
- avec une d'opacity de 0.5.
- légérement décalé (afin que ça donne l'impression d'une ombre)

Le problème : la taille de l'infobulle n'est pas fixe elle dépend du texte qu'il y a dedans.
Comment faire pour récupéré la hauteur et la largeur, j ai essayer clientWidth et ClientHeight mais cela me retourne la largeur et la hauteur original !

merci

[le_chomeur]

innerWidth et innerHeight ?

[marts]

Ou offsetWidth et offsetHeight.

[kimcharlene]

sa renvoie undefined : il ne connais pas cette propriété (je travail sous firefox)

Je vient de trouver dans une astuce il suffit d'afficher en noir le même texte dans l'ombre (noir sur noir : on ne voit pas le texte)

C'est un peut du bidouillage quand même. Je suis curieux de savoir si il y a une solution plus élégante.

[kimcharlene]

Ou offsetWidth et offsetHeight.

sa fonctionne là cool

merci

[le_chomeur]

test :

Code :

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

1
2
 
<div onclick="alert(this.offsetWidth);" style="border:1px solid #666;width:auto; float:left;">voici une div avec une taille indéfinie click moi dessus ^^</div>