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
Der IE ist wichtig. Man benötigt ihn, um sich einen Browser zu besorgen.
