Afficher/cacher un bouton

Version imprimable

19/12/2011, 11h56
clubist

Afficher/cacher un bouton
Bonjour à tous,

j'ai testé ce code afin d'afficher un bouton lors de passage de souris sur ce bouton,.

lorsque je met visibility à visible au chargement de la page, la cache de bouton se passe bien, mails lorsque je met visibility à hidden et je test rien ne se passe comme qu'il n'y as pas de bouton dans la vue.

Si pouvez vous m'aider et merci d'avance.
Code:

1 2 3 <a4j:commandLink id="idZoomIn" onclick="zoom('zoomIn');" title="Zoom In" style="visibility: hidden;" onmouseover="style.visibility = 'visible';" onmouseout="style.visibility = 'hidden';"/>
19/12/2011, 20h13
NoSmoking

Bonjour,
c'est le comportement normal, un élément caché, via display:none ou visibility:hidden ne reçoit plus les événements, ce qui à priori paraît logique.

Il te faut revoir ton approche.
20/12/2011, 08h20
Bovino

Code:

onmouseover="style.visibility = 'visible';" onmouseout="style.visibility = 'hidden';"

La propriété style s'applique à un objet HTML, pas dans le vide...

Code:

onmouseover="this.style.visibility = 'visible';" onmouseout="this.style.visibility = 'hidden';"
21/12/2011, 20h07
NoSmoking

Citation:

Envoyé par Bovino

La propriété style s'applique à un objet HTML, pas dans le vide...

L'écriture est correcte même si elle laisse un peu dubitative, je concède qu'elle reste maladroite à mon sens et source de pas mal de soucis.

Si on ne trouve pas la propriété dans l'objet en cours, le "scope local", la cherche est faite dans l'objet global, le this de ce fait n'est donc pas obligatoire mais fortement recommandé.