Bonjour,

J'ai une page html dans laquelle j'ai mis le code d'une div.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div class="powerwidget pink" id="basicwidget" >
    <header>
        <h2>Basic widget</h2>
    </header>
</div>

J'ai une page powerwidget.js qui permet à cette div d'être déplaçable, de contenir des boutons min, max.. :

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
(function(e, t, n, r) {
    function s(t, n) {
        this.obj = e(t);
        this.o = e.extend({}, e.fn[i].defaults, n);
        this.objId = this.obj.attr("id");
        this.pwCtrls = ".powerwidget-ctrls";
        this.widget = this.obj.find(this.o.widgets);
        this.toggleClass = this.o.toggleClass.split("|");
        this.editClass = this.o.editClass.split("|");
        this.fullscreenClass = this.o.fullscreenClass.split("|");
        this.init()
    }
    var i = "powerWidgets";
    s.prototype = {
        _settings: function() {
.....
La div fonctionne bien pas de souci.

Le problème est que je voudrais ajouter une nouvelle div de façon dynamique.

J'ai donc un bouton sur la page html qui permet de faire cela et j'ai ajouté ce code js dans la fonction appelée par ce bouton :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
var divNov = $('.powerwidget');
divNov.id = "divNov1";
divNov.className = "powerwidget pink";
var divNovHTML = '<header>';
divNovHTML += '<h2>Auto refresh</h2>';
divNovHTML += '<header>';
divNov.innerHTML = divNovHTML;
// On la met en 1ère position dans la div Parent passée en paramètre
divParent.insertBefore(divNov, divParent.firstChild);
La divNov est bien ajoutée, bien positionnée mais ne réagit pas : on ne peut pas la bouger, il n'y a pas les boutons...

Je pense (je n'en suis pas certain) qu'en fait, Ajax n'est pas "mis" sur cette div.

Comment faire pour créer cette div de façon dynamique et qu'elle réagisse via Ajax comme il faudrait ?

Merci bcp

Yannick