Discussion :

[Sventovit]

Bonjour bonjour
Je ne sais si c'est possible je cherche à masquer un span contenant un lien au survol d'un autre élément.
Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<figure class="vitrine">
<img src="maison-ecologique.jpg" alt="" width="400" height="400"  />
<figcaption>
<p><span class="foo"><a href="#">Maison écologique</a></span>
Bla bla bla</p>
</figcaption>
</figure>

Dès que le pointeur entre dans l'espace réservé à l'image je souhaite que span.foo disparaisse.

Comme j'ai JQuery à bord je me suis dit qu'il pourrait peut-être le faire.
Est-ce faisable à votre avis ?
Merci pour vos réponses.

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$("figure.vitrine").hover(
	function(){
		$(this).find("span.foo").css("display","none");
	},
	function(){
		$(this).find("span.foo").css("display","block");
	}
);

[Sventovit]

Bonjour Daniel et merci pour le p'tit bout de code
que je n'arrive pas à faire fonctionner.
Est-ce parce que le span en question est situé dans la balise figcaption ?
Non : je l'ai déplacé directement dans figure.
J'ai même changé ce span en div..., déplacé cette div à l'extérieur de figure (juste avant)... rien n'y fait : au survol de l'image dans figure le contenu du span à masquer est toujours visible.
C'est énervant parce que sur cette page il n'y a pas d'autre script à exécuter donc ce n'est pas une histoire de conflit.
J'ai d'ailleurs lancé la console de Firebug pour voir mais elle ne me signale aucune erreur ni avertissement.

[Sventovit]

Bon j'ai trouvé finalement : il fallait que je place juste avant (ou après) sinon nada.

Merci merci beaucoup.