Bonjour,

Je n'arrive pas bien a utiliser le drag and drop et j'essaie de faire un redimenssionement d'un div a partir d'une image ou autre div insérer dans le premier div(en bas a droite) comme une poignée windows.

exemple:

<div class="contenu">

<div class="resize"></div>

</div>
     

Je ne procède pas comme sa pour le div mais c'est pour que vous voyer de quoi je parle ^^, le vrai code c'est celui la

        var fenetre = document.createElement("<div id="+NameId+" onmousedown='downAction(this,event);' onmousemove='moveAction(this, event);' onmouseup='leaveAction(this);'>");
        fenetre.className="fenetre"; //On donne un attribut class à cette div
        fenetre.style.left=left+"px"; //Modification de l'attribut left du style de notre div
        fenetre.style.top=top+"px";
        fenetre.style.width=width+"px";
        fenetre.style.height=height+"px";
		addEvent(fenetre,"mousedown",function (){premier_plan(fenetre)});
       
        //On créé de la même manière la div "haut":
        var haut = document.createElement("div");
        haut.className="haut";
        var haut_droite = document.createElement("div");
        haut_droite.className="haut_droite";		 
		addEvent(haut_droite,"mousedown",function (){fermer(fenetre)});
		
		var haut_droite2 = document.createElement("div");
        haut_droite2.className="haut_droite2";
		addEvent(haut_droite2,"mousedown",function (){plein_ecran(fenetre,haut_droite2)});
		
		var haut_droite3 = document.createElement("div");
        haut_droite3.className="haut_droite3";
		addEvent(haut_droite3,"mousedown",function (){descendre(fenetre)});
		
        var haut_centre = document.createElement("div");
        haut_centre.className="haut_centre";
		
		addEvent(haut_centre,"mousedown",function (event){commencer_deplacement(event,fenetre)});
		addEvent(haut_centre,"mouseup",arreter_deplacement);
		addEvent(haut_centre,"mouseover",arreter_deplacement);
        //Puis on les insère une par une dans notre bloc "haut":
        haut.appendChild(haut_droite);
	    haut.appendChild(haut_droite2);
	    haut.appendChild(haut_droite3);
        haut.appendChild(haut_centre);
        //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre":
        fenetre.appendChild(haut);
       
        //On fait de même pour la div "milieu"
        var milieu = document.createElement("div");
        milieu.className="milieu";
        var milieu_gauche = document.createElement("div");
        milieu_gauche.className="milieu_gauche";
        var milieu_droite = document.createElement("div");
        milieu_droite.className="milieu_droite";
        var milieu_centre = document.createElement("<iframe name="+NameId+">");
        milieu_centre.className="milieu_centre";		
        milieu.appendChild(milieu_gauche);
        milieu.appendChild(milieu_droite);
        milieu.appendChild(milieu_centre);
        fenetre.appendChild(milieu);
       
	    var bas = document.createElement("div");
        bas.className="bas";
        var bas_droite = document.createElement("div");
        bas_droite.className="bas_droite";
        var bas_centre = document.createElement("div");
        bas_centre.className="bas_centre";		
        bas.appendChild(bas_droite);
        bas.appendChild(bas_centre);
        fenetre.appendChild(bas);

et je veut donc que "bas_droite" aie la fonction de redimensionner la fenetre en utilisant
le processus drag and drop.

Merci d'avacne
PazZ

Configuration: Windows XP
Internet Explorer 6.0