Page 1 sur 1

Rendre visible un calque

Posté : 30 mars 2007, 14:10
par orgerix
Bonjour,

J'ai trouvé comment faire un calque en CSS, mais je ne trouve pas comment le faire s'afficher quand on passe la souris dessus.

c'est quelque chose de ce style <div id="calque" OnMouseOver="">

Le problème c'est que je ne sais pas quoi mettre comme valeur pour OnMouseOver. Il faudrait redéfinir l'atribut visibility, mais je sais pas comment faire...

Posté : 30 mars 2007, 14:44
par raptor
onmouseover="this.style.visibility='visible';"
par contre, sur un calque invisible je sais pas si le onmouseover sera pris en compte, j'ai un petit doute on va dire :)

Posté : 30 mars 2007, 16:29
par orgerix
En fait je me suis trompé. J'ai un MAP avec différentes aires et je veux que quand on mette la souris sur une aire, le calque associé apparaisse.

Posté : 30 mars 2007, 17:04
par Ryle
Ben c'est le même principe que ce que t'a indiqué raptor, il suffit juste de remplacer le this qui correspond à l'élément courrant par un appel à l'élément que tu veux afficher ;) :

Code : Tout sélectionner

onMouseOver="document.getElementById('idDuBiniou').style.visibility='visible';"
Et avec 'hidden' je suppose sur le onMouseOut :)

@raptor : Pas de soucis si c'est l'attribut visibility qui est passé à hidden. L'élément est toujours là, il n'est juste pas visible. Si c'est l'attribut display en revanche, l'élément est physiquement retiré donc impossible de le réafficher en passant dessus (puisqu'il n'est plus là ;))

Posté : 30 mars 2007, 17:24
par orgerix
Merci beaucoup.

Je sais pas pourquoi avant j'avais essayé et ca marchais pas, mais maintenant ca marche.

Peut être un problème de guillemets...