Rendre visible un calque

Mammouth du PHP | 693 Messages

30 mars 2007, 14:10

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...

Mammouth du PHP | 543 Messages

30 mars 2007, 14:44

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 :)

Mammouth du PHP | 693 Messages

30 mars 2007, 16:29

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.

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

30 mars 2007, 17:04

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à ;))
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

Mammouth du PHP | 693 Messages

30 mars 2007, 17:24

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...