Drag & Drop mit Textfluss

[maxmuster]

Hallo Forum,

ich hab ein Problem, an dem ich partout nicht weiterkomme:

Ich möchte mit JavaScript Bilder in einem div per Drag & Drop verschieben. Das Bild muss dadurch automatisch die css-Eigenschaft "position:absolute" haben. Jetzt soll aber auch der Text im div das Bild umfließen. Wie realisiere ich das am Besten?

Hier der Drag & Drop - Code:

var global = {
	drag: {
		dragobject:null,
		dragx:0,
		dragy:0,
		marginx:0,
		marginy:0,
		posx:0,
		posy:0,
		init: function (object,x,y) {
			global.drag.dragobject = object;
			global.drag.dragx = x;
			global.drag.dragy = y;
			global.drag.marginx = parseInt(global.drag.dragobject.style.left);
			global.drag.marginy = parseInt(global.drag.dragobject.style.top);
			document.onmousemove = global.drag.drag;
			document.onmouseup = global.drag.stop;
			return false;
		},
		drag: function (ereignis) {
			ereignis = ereignis ? ereignis : window.event; 
			global.drag.posx = ereignis.clientX;
			global.drag.posy = ereignis.clientY;
			global.drag.marginx = parseInt(global.drag.dragobject.style.left);
			global.drag.marginy = parseInt(global.drag.dragobject.style.top);
			global.drag.dragobject.style.top = global.drag.marginy + (global.drag.posy - global.drag.dragy) + "px";
			global.drag.dragobject.style.left = global.drag.marginx + (global.drag.posx - global.drag.dragx) + "px";
			global.drag.dragx = ereignis.clientX;
			global.drag.dragy = ereignis.clientY;
			return false;
		},
		stop: function () {
			global.drag.marginx = parseInt(global.drag.dragobject.style.left);
			global.drag.marginy = parseInt(global.drag.dragobject.style.top);
			document.onmousemove = null;
			document.onmouseup = null;
			global.drag.dragobject = null;
		}
	}
};

Danke im Voraus.

 

[Efchen]

Umfließen kann man mit CSS und der Eigenschaft "float" einstellen. CSS-Eigenschaften kannst Du auch per JavaScript zuweisen.