Cacher une div position:fixed

Version imprimable

22/06/2009, 14h08
LogistiX

Cacher une div position:fixed

Bonjour,

cela fait un bon moment que je fais du HTML et du javascript et pour la première fois, j'ai besoin de créer une div qui s'affiche en haut de mon navigateur (pas de ma page).

J'ai donc utilisé l'attribut css "position:fixed" avec "top:0px; left:0px"

Tout s'affiche correctement. Je veux également que la div se cache quand je clique dessus.

Et bien l'instruction :

Code:

onclick="javascript:document.getElementById(...).style.display='none'"

ne fonctionne pas.

Quelqu'un saurait-il pourquoi, et comment je peux contourner le problème ?

Merci d'avance,
LX.
22/06/2009, 14h12
michel.bosseaux

Tu dis vouloir que la div se cache quand tu cliques dessus, mais je suppose que dans la div tu as d'autres éléments html, et en fait il est probable que ce soit eux qui reçoivent le click, pas la div parent (c'est un classique des cassements de tête JS).

Pour contourner le problème, place dans ton div un élément clairement identifié (image d'une petite croix par exemple) sur lequel tu mettras le onclick. Ca fonctionnera probablement mieux :)
22/06/2009, 14h25
LogistiX

Citation:

Envoyé par michel.bosseaux

Tu dis vouloir que la div se cache quand tu cliques dessus, mais je suppose que dans la div tu as d'autres éléments html, et en fait il est probable que ce soit eux qui reçoivent le click, pas la div parent (c'est un classique des cassements de tête JS).

Pour contourner le problème, place dans ton div un élément clairement identifié (image d'une petite croix par exemple) sur lequel tu mettras le onclick. Ca fonctionnera probablement mieux :)

Merci pour ta réponse. J'ai étudié le problème en effet et déplacé ça dans un lien. Firebug m'annonce bien que la propriété displayvaut "none". C'est juste que la div ne part pas...