Username:

Password:

Remember Me?

User Scripts

Title:

EZ Resize

Date Added:

2007-05-11 05:32:40

Installs:

1277

Description:

Resize textareas and inputs with an intuitive click-drag interface!

This script allows you to resize any textarea or input to allow for easier viewing and typing.

For Textareas: place your mouse over the bottom right corner of the textarea (your cursor should change to resize), click, and drag to desired size.

For Inputs: place your mouse over the right end of the input, click, and drag to desired size.

Its That Easy!

Preview of EZ Resize

View script source of EZ Resize

// ==UserScript==
// @name           EZ resize
// @namespace      http://userscripts.org/users/25394
// @description    resize textareas with ease
// @include        *
// ==/UserScript==

//This script is from userscripts.org
//The original author is Jared F(http://userscripts.org/people/25394)


(function(){

function addEvent( obj, type, fn ) { 
	if ( obj.attachEvent ) { 
		obj["e"+type+fn] = fn; 
		obj[type+fn] = function() { 
			obj["e"+type+fn]( window.event ); 
		} 
		obj.attachEvent( "on"+type, obj[type+fn] ); 
	} else 
		obj.addEventListener( type, fn, false ); 
} 
function removeEvent( obj, type, fn ) { 
	if ( obj.detachEvent ) { 
		obj.detachEvent( "on"+type, obj[type+fn] ); 
		obj[type+fn] = null; 
	} else 
		obj.removeEventListener( type, fn, false ); 
}

var resizing=null;

var txts=document.getElementsByTagName('textarea')


function findpos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function mousepos(e){
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
        return [posx,posy];
}


function mainmove(e){
    e = e || window.event;
    if (resizing){
        mpos=mousepos(e)
        pos=findpos(resizing)
        resizing.style.width=(mpos[0]-pos[0])+'px';
        if (resizing.type=="textarea"){
            resizing.style.height=(mpos[1]-pos[1])+'px';
        }
        resizing.blur();
    }
}

addEvent(document, 'mouseup',function(){resizing=null;})
addEvent(document, 'mousemove', mainmove)



for (var i=0;i<txts.length;i++){
    var text=txts[i];


    addEvent(text, 'mousedown',function(e){
        pos=findpos(this);
        mpos=mousepos(e);
        if (mpos[0]>pos[0]+this.offsetWidth-10){
            if (mpos[1]>pos[1]+this.offsetHeight-10){
                resizing=this;
                this.blur();
            }
        }
    });

    
    addEvent(text, 'mousemove',function(e){
        pos=findpos(this);
        mpos=mousepos(e);
        if (mpos[0]>pos[0]+this.offsetWidth-10){
            if (mpos[1]>pos[1]+this.offsetHeight-10){
                this.blur();
                this.style.cursor="nw-resize";return
            }
        }
        if (!resizing){
            this.style.cursor="auto";
        }
    });
}


var imps=document.getElementsByTagName('input');
for (var i=0;i<imps.length;i++){
    input=imps[i];
    if (input.type=="text" || !input.type){
        addEvent(input, 'mousedown',function(e){
            pos=findpos(this)
            mpos=mousepos(e)
            if (mpos[0]>pos[0]+this.offsetWidth-10){
                resizing=this;
                this.blur();
            }
        });

        addEvent(input, 'mousemove',function(e){
            pos=findpos(this)
            mpos=mousepos(e)
            if (mpos[0]>pos[0]+this.offsetWidth-10){
                this.blur();
                this.style.cursor="w-resize";return
            }
            if (!resizing){
                this.style.cursor="auto";
            }
        });
        


    
    }
}



})()

Comment of EZ Resize

	[2007-05-11 06:35:27]power says:
	goooooooood =]

	[2007-05-14 23:16:57]Villan says:
	really cool.

	[2007-06-12 21:49:12]IbnSaeed says:
	Thanks

	[2008-06-26 13:00:43]rwoole says:
	This works well for the base page, but it does not seam to work on the frames off the base page. Can anyone help with this issue? Thanks.

Join Iescripts for a free account, or Login if you are already a member.
Username: Password:

Install Script

Download Script

Add To favorite


Written by


Name:	greasemonkey
Scripts:	28
Styles:	0
Plugins:	0
Tags

textarea resize

About IE7Pro
IE7Pro is a plugin for the Internet Explorer web browser. It allows you to change how your favorite pages behave and look. There are many scripts that have already been written, and if you know javascript you can easily create your own! This site is a repository to download and install IE user scripts.
How to install user script
1 . First you should have install IE7Pro 0.9.12 and above which support IE user scripts. 2. Check if IE7Pro "Preference" - "User Scripts" - "EnabLe User Script" is enabled. 3. Find your favorite scripts on iescripts.org and click "Install This Script" .

iescripts.org