Salut à tous !

J'aimerais faire quelque chose d'assez simple (je crois) , je pense que each pourrait être une solution à mon problème.

malheureusement, je n'arrive pas bien à l'exploiter.

J'ai une série de div qui porte le même 'id' boite.
Cette série est générer par une boucle while de php.

un peu comme àa :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<div id="boiteEnsemble">			
<?php
        while ($donnees = mysql_fetch_array($reponse)){
?>
	<div id="boite"><?php echo $donnees['valueX'] ?></div>
<?php
        }
?>
</div>
J'aimerais lors d'un survol de ces boites effectuer un changement de couleur.
Pour 1 boite j'y arrive très bien !
Mais ça se complique lorsque j'essaie de le faire pour ma série de boites.

voici ce que j'ai tenté de faire sans succès...
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
16
17
 
var group = $('boiteEnsemble').getElements('div[id=boite]');
group.each(function() {
	myEffect = new Fx.Morph(group, {duration: 500, fps:60, link: 'cancel', transition: Fx.Transitions.Cubic.easeOut});
	group.addEvent('mouseenter', rollOver);
	group.addEvent('mouseleave', rollOut);
});
function rollOver() {
	this.myEffect.start({
	'background-color': '#E6F1F5'
	});	
}
function rollOut() {
	this.myEffect.start({
	'background-color': '#000000'
	});
}
donc j'arrive bien à sélectionner toutes mes div avec l'id boite, mais après c'est au niveau de l'éffet myEffect.start que ça bloque.

Merci par avance de votre aide !

@+++