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.. :
La div fonctionne bien pas de souci.
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() { .....
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 :
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...
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);
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
Partager