Bonjour bonjour !

J'explique le problème avec IE6 (et probablement les versions précédentes mais je n'ai pas pus vérifier):
J'ai une page avec un div, je peux cliquer sur un div inséré dedans pour le déplacer en drag&drop. Quand je clique sur un bouton dans le premier div, cela fait apparaitre un autre div (ajax etc..) avec, pareil, une barre sur laquelle je peux cliquer pour faire du drag&drop. Cela fait modifie aussi le contenue du premier div et fait disparaitre le bouton.

Le soucis c'est que je ne peux déplacer qu'une unique fois le div qui a été chargé par ajax. Aprés cela je ne peux plus rien en faire.

Ce problème disparait si je supprime le paramètre handle: 'div2_bar' à l'objet draggable...

Voici le 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
16
17
18
 
Event.observe(window, 'load', function() {
    var testDrag = new Draggable('div1', { handle: 'div1_bar' } );
 
    Event.observe('div1_button', 'click', function () {
        new Ajax.Request('script.php', {
            method:'post',
            onSuccess: function(transport){
                    var response = transport.responseText;
                    // la réponse ressemble à :  <div id="div2">....</div>
                    $('main_frame').insert({bottom: response});
                    var drag2 = new Draggable('div2', { handle: 'div2_bar' } );
            },
            onFailure: function(){ alert('Oops...') }
            });
    } );
 
} );
Voilà voilà si quelqu'un a une idée de solution/de workaround... J'ai cherché dans la liste de discussion de prototype/scriptaculous et dans les bugs reportés mais je n'ai rien trouvé.