Resize

Посмотреть в действии

<div id=dialog style='position:absolute;left:100;top:100;border:1px solid #888888;min-height:100px;min-width:100;'> <p>Привет</p>
<img id=img src=40x40.png style='position:absolute;right:0;bottom:0;width:10px;height:10;'>
</div>
<script>
var resize=false; // Возможность изменять размер элемента
function $(id)
{
return document.getElementById(id);
}

$('img').ondragstart = function() {return false;}
$('img').onmousedown = function() {resize=true;}
document.onmouseup = function() {resize=false;}

document.onmousemove = function(e) {
			 e = e || window.event;
			 if(resize) {
				      $('dialog').style.width  = e.clientX+document.body.scrollLeft-parseInt($('dialog').style.left);
				      $('dialog').style.height = e.clientY+document.body.scrollTop-parseInt($('dialog').style.top);
 				    }
				
			}
</script>
<div id=resize></div>