Afficher/cacher un bouton

[clubist]

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';"/>

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

[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';"

[NoSmoking]

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