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.
Resizeable Textarea 0.1a