Raik: LÖSUNG

Beitrag lesen

Hallo!

so, die lösung kopier ich einfach mal dazwischen:

  

> var TA = document.getElementsByTagName('TEXTAREA')[0];  
> function startRSZ(){  
> TA.addEventListener('mousedown', this.startMOV, true);  
> }  
> function startMOV(e){  
> document.addEventListener('mousemove', resizeTA.resizeTA, true);  
> TAw = e.pageX;  
> TAh = e.pageY;  

if(!e.target.style.width){  
var w = e.target.offsetWidth;  
e.target.style.width = w + 'px';  
e.target.style.width += (w + e.target.offsetWidth);  
}  
if(!e.target.style.height){  
var h = e.target.offsetHeight;  
e.target.style.height = h + 'px';  
e.target.style.height += (h + e.target.offsetHeight);  
}  

> window.addEventListener('mouseup', resizeTA.stopMOV, false);  
> }  

jetzt lässt sich statt offsetWidth style.width verwenden und das ganz so verkürzen:

  

> function resizeTA(e){  

TA.style.width = parseInt(TA.style.width) +  (e.pageX - TAw) + 'px';  

> TAw = e.pageX;  

TA.style.height = parseInt(TA.style.height) +  (e.pageY - TAh) + 'px';  

> TAh = e.pageY;  
> }  

--
Der IE ist wichtig. Man benötigt ihn, um sich einen Browser zu besorgen.
Resizeable Textarea 0.1a