rss
Drag and drop redimenssionement
par pazz
 Fil de Discussions
Statut : Non résolu
lundi 10 mars 2008 à 11:56:05
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
Répondre à pazz  Signaler ce message aux modérateurs
Discussions pertinentes trouvées dans le forum
15/05 11h59drag and dropWebmastering16/05 11h029
11/06 16h51drag and drop C#Programmation11/06 16h510
20/03 17h16jsf et Drag and dropWebmastering20/03 17h160
11/03 10h25drag and drop - glisser deposer -Programmation11/03 14h511
Plus de discussions sur « Drag and drop redimenssionement » Discussion en cours Discussion fermée Problème résolu
Logiciels pertinents trouvés dans les téléchargements
Télécharger Ditto 3.15.4Ditto - Ditto est une extension du presse-papier standard de Windows (clipboard). Il permet de sauver chaque item placé dans le...Catégorie: Gestion de fichiers
Licence: Open Source
Télécharger Notepad++ 5.0Notepad++ - Notepad++ est un editeur de code source qui supporte plusieurs langages. Il s'agit d'un logiciel libre performant et...Catégorie: Développement
Licence: Open Source
Télécharger MediaInfo 0.7.7.2MediaInfo - MediaInfo fournit la liste des codecs nécessaires ainsi que des informations techniques sur vos fichiers video et audio. ...Catégorie: Codecs
Licence: Freeware/gratuit
Télécharger TaskBar Shuffle 2.0TaskBar Shuffle - Tout simple mais pratique: Ce programme permet de déplacer les tâches dans la barre des tâches par simple drag-n-drop...Catégorie: Optimisation
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « Drag and drop redimenssionement »
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide