Voicic ce que j’essaye de faire : Ecrire dynamiquement(avec javascript)
des divs et leur donner les propriétés dragndrop (surtout drag et
resizeable) avec le script évoqué dans le titre...
mon problème est
qu’il n’y a que la
dernière div créee qui fonctionne, les précédentes
perdent leur propriétés draggable ... je fais ceci :
var MainContainerId = 'MainContainer'; // testé avec body d'abord, puis dans un div... même pb...
var lastId = 0;
function clMyWindow(myTitle,myUrl) {
lastId += 1;
this.id = lastId;
this.title = myTitle;
this.url = myUrl;
this.type = 'php';
this.client = 'vide';
this.top='100px';
this.left='150px';
this.width='400px';
this.height='400px';
this.resizable = true;
this.autostart = true;
this.opacity = 1.0;
this.drawWindow = clMyWindow_draw;
}
function clMyWindow_draw() {
my_debug ("Draw"+this.id);
framename = 'frame'+this.id;
clientname = 'client'+this.id;
ret = "";
ret += '\n\n<div class="window" id="'+framename+'"
style="top:'+this.top+';left:'+this.left+';width:'+this.width+';height:'+this.height+';">';
ret += '<table style="width:100%;height:100%;vertical-align:top;">';
ret += '<tr><th>'+ this.title +'</th><th
class="close"><img src="img/close.png"
onClick="closeMyWindow('+this.id+')"></th></tr>\n';
ret += '<tr><td colspan=2 id="'+clientname+'"></td></tr></table></div>';
//Append to MainContainerId content
document.getElementById(MainContainerId).innerHTML += ret;
ADD_DHTML(framename+RESIZABLE+SCROLL+MINHEIGHT+400+MINWIDTH+400);
}
que j’appelle avec :
function makeWindow(title,url) {
var curWind = new clMyWindow(title,url);
curid = curWind.id;
targetUrlId = 'client'+curid;
curWind.drawWindow();
//Et la je charge du contenu avc un xmlhthpprequest dans le client
//(... une fonction tte bête qui ne touche qu'a l'element targetUrlId
//...)
}
Toute aide serait grandement appréciée =))) HELP !!!