Discussion :

[nims]

Bonjour à tous !

J'ai une image avec une div par dessus.
Cette div peut être cachée en cliquant sur un bouton (dans la div).

Ceci marche.

Je voudrais que lorsque la souris est sur l'image la div réapparaisse.
Seulement voilà, je clique sur le bouton, la div se cache et si je bouge sans pour autant sortir de l'image, la div ne revient pas.
Je suis obligé de sortir de l'image et là l'image revient ...

Pourquoi le hover ne fonctionne pas si je reste sur l'image pendant toute l'opération?

Le hover se fait lorsque je quitte l'image => effet inverse.

Voici mon code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
$(document).ready(function(){ 
 
 
	$("#search_bar").draggable({ containment: '#search_box', handle: '#draggable' });
 
	$('#search_box').hover(function(){		
		$('#search_bar').fadeIn();
	});
 
 
	$('#search_bar').find('#close').click(function(){
		$('#search_bar').fadeOut();
	});
});

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
	<div id="search_box">
 
			<div id="search_bar"> <!-- Barre blanche -->
				<img id="close" src="images/close.png" />
				<div id="search"><!-- Zone de recherche -->
					<form action="" method="">
						<input type="text" value="Tapez votre recherche..." onClick="javascript:this.value=''" />
					</form>
					<img src="images/arrow.png" />
				</div>
				<img id="draggable" src="images/draggable2.png" />
			</div>
 
		</div>

Merci d'avance pour votre aide !!

[Invité]

salut,

le hover est déclenché lorsque tu passes sur un élément.
Donc en gros, vu que t'as cliqué, t'es sur le bouton, t'es toujours sur l'élément search_box, de fait, il faut que tu bouges ta souris en dehors, et que tu la remettes sur lelement.

Tu peux faire une alternative et par exemple mettre un mousemove :
lorsque que tu fermes le truc, tu mets une variable closed = true;
pis lorsque tu as mousemove qui se declenche, tu teste si closed = true (cad que la search_bar est effectivement fermée) et dans ce cas là tu mets un coup de fadeIn (sans oublier de passer closed à false)

[nims]

il faut que tu bouges ta souris en dehors, et que tu la remettes sur lelement.

Bin le truc c'est que j'ai meme pas besoin de revenir dessus pour que ca fadeIn... C'est dès que je sors... pourquoi ça ?

[danielhagnoul]

Bonsoir.

Code :

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

1
2
3
4
5
6
7
8
$('#search_box').mouseenter(function(){		
	$('#search_bar').fadeIn();
});
 
 
$('#close').click(function(){
	$('#search_bar').fadeOut();
});

[nims]

Hey! merci nikel !


-- Edit --

Grr désolé pour le résolu je le savais en plus hihi