Discussion :

[beegees]

Bonjour tout le monde,

J'ai une div :


Code CSS de cette div .

Code :

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

#sampler { text-align:center; background:white; float:right; width:278px; padding:10px; height:auto !important; border:1px #d0d0d0 solid; color:#9c9c9c; min-height:50px;}

J'aimerais que sur le onmouseover (quand la souris sort d'une liste à puce), que la div devienne grise (#e5e6e8) tout en gardant les autres attributs :

Code :

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

#sampler { text-align:center; float:right; width:278px; padding:10px; height:auto !important; border:1px #d0d0d0 solid; color:#9c9c9c; min-height:50px;}

Voici mon code jquery :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function() {		
 
		//affiche les images en sampler (dans l'index, je montre quelques panneaux de chaque catégories)
 
		$('.li_index').mouseover(function() {
		var id = $(this).attr('id');
		$('#sampler').html('<img src="sampler/'+id+'" alt="'+id+'" />'); // il manque ici l'extension de l'image
 
	})
	$('.li_index').mouseout(function() {
	$('#sampler').html('');

Merci d'avance pour votre aide.

beegees

[larffas68]

salut,

pourrais-tu nous faire un copier coller de ton html (structure avec id et classe) s'il te plait et je te répond en 30 secondes

A toute

[beegees]

salut,

pourrais-tu nous faire un copier coller de ton html (structure avec id et classe) s'il te plait et je te répond en 30 secondes

A toute

Salut,

Merci pour ta réponse.

En mangeant ce midi, j'ai réfléchi à mon problème et je me suis dis qu'en cachant la div (hide) au mouseout, ça résoudrait le problème.

J'ai vu juste

Voici ce que j'ai ajouté à mon code :

Code :

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

$('#sampler').hide();

pour le mouseout et

Code :

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

$('#sampler').show();

pour le mouseover

Encore merci pour ton aide

beegees

[larffas68]

salut,

pas de quoi, ce qui compte c'est que ton problème soit résolu

A+