Bonjour,

Voici deux addEvent qui fonctionnent bien.
J'injecte un <li> en cliquant sur le bouton et j'arrive à déplacer de haut en bas les <li> mis en html.

Mon problème, je n'arrive pas à déplacer le <li> injecté.
J'ai passé une bonne soirée dessus et ne trouve pas.

Merci pour l'aide.


Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<input id="addDiv" type="button" value="Add a new div" />
 
<p>Click one of the blocks:</p>
 
<ul id="example1">
 <li>Item #1</li>  
 <li>Item #2</li>  
 <li>Item #3</li>  
 <li>Item #4</li>  
 <li>Item #5</li>  
</ul>


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
18
19
window.addEvent('domready', function() {
// Add new li----
$('addDiv').addEvent('click', function(){
   var myFirstElement = new Element('li.new', {html:'<p style"border:5px">another content</p>'},{id: 'myFirstElement'});
    var nouveau = myFirstElement.inject($('example1'), 'bottom');    }               
   );
// end Add new li---------------------------------------------------
   //move item------------------------------------------
    var example1 = $('example1'),
   step = 0;
 
 example1.getElements('li').each(function(li){
   var color = [step, 82, 87].hsbToRgb();
   li.setStyles({
     'background-color': color,
     height: Number.random(20, 50)
   });
   step += 35;
 });


A++