Ecco lo script per ridimensionare gli oggetti:
codice:
<head runat="server">
    <title>Untitled Page</title>
    <script language="javascript" type="text/javascript">
        var ridimensiona = false;
        var mywidth = 1;
        var myheight = 1;
        var oldX = 1;
        var oldY = 1;
        var objToResize = null;
        
        function startRedim(e) {
            if (!e) var e = window.event; /* mi serve per catturare i parametri dell'evento */
            myObj = (e.target)? e.target : e.srcElement; /* prelevo l'oggetto destinatario del click */
            if (myObj.id=="frameridimensionabile") {
                ridimensiona = true;
                oldX = e.clientX
                oldY = e.clientY
                mywidth = myObj.style.width.replace("pt", "").replace("px", "");
                myheight = myObj.style.height.replace("pt", "").replace("px", "");
                objToResize = myObj;
            }
        }
        
        function endRedim(e) {
            if (!e) var e = window.event; /* mi serve per catturare i parametri dell'evento */
            /* se smetto di premere il tasto allora smetto di ridimensionare */
            ridimensiona = false;
        }
        
        function formRedim(e) {
            if (!e) var e = window.event; /* mi serve per catturare i parametri dell'evento */
            if (ridimensiona==true) {
                newX = e.clientX
                newY = e.clientY
                offX = Number(newX) - Number(oldX);
                offY = Number(newY) - Number(oldY);
                newW = Number(mywidth) + Number(offX);
                newH = Number(myheight) + Number(offY);
                /* controllo su una misura minima ad es. 100x100 */
                if (Number(newW) > Number(100)) {
                    document.getElementById(objToResize.id).style.width = newW + "px";
                }
                if (Number(newH) > Number(100)) {
                    document.getElementById(objToResize.id).style.height = newH + "px";
                }
            }
        }
        
        document.onmousedown = startRedim;
        document.onmouseup = endRedim;
        document.onmousemove = formRedim;
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="frameridimensionabile" style="position:relative; width: 250px; height: 250px; padding-right: 5px; padding-left: 0px; padding-bottom: 5px; padding-top: 0px; cursor: se-resize; background-color: darkblue;">
        <iframe src="mypage.htm" id="myframe" style="width:100%; height: 100%"></iframe>
    </div>
    <div id="coordinate"></div>
    </form>
</body>
</html>