zoukankan      html  css  js  c++  java

  • 配合JavaScript拖动页面中控件

    配合拖动页面中控件达到页面动态生成后页面的排版效果。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
        <HEAD>
            <title>窗体设计</title>

            <SCRIPT language="JavaScript" src="/cmsweb/script/jscommon.js"></SCRIPT>

    JavaScript代码
            <script language="JavaScript">
    <!--
    /*
        代码说明：
        －、下面代码中的"xx"、"yy"是为移动元素所需的2个动态属性，分别记录移动前的X和Y坐标。
        －、主元素(主选择元素)：第一个选中的元素；次元素(次选择元素)：第二个开始选中的所有元素
    */

    var IsDesignChanged=false
    var IsDraging=false //判断是否处于拖动状态中
    var xMouseBefMove, yMouseBefMove //移动元素前的鼠标X、Y坐标
    var currentSelMainElement //当前选中的主元素（第一个选中的元素）
    var currentDot //当前正移动(正改变主选择元素宽度高度)的定位点
    var saveSign //保存类型：save, saveas
    var arrElments = new Array() //保存所有次选择元素（第二个开始选中的元素）
    var arrDots = new Array() //保存所有次选择元素的定位点

    var g_pointSelTimes = 0; //多选控件时判断第几次点击
    var g_pointStartX = 0; //多选控件的起点
    var g_pointStartY = 0; //多选控件的起点
    var g_pointEndX = 0; //多选控件的终点
    var g_pointEndY = 0; //多选控件的终点

    document.onmousedown    =EvtMouseDown //定义鼠标点击的事件入口
    document.onmouseup=EvtMouseUp //定义鼠标放开的事件入口
    document.onkeydown=EvtKeyDown //定义键盘点击的事件入口
    document.onmouseover=EvtMouseOver //定义鼠标移至的事件入口

    //添加元素
    function AddElement(){
            try{
            IsDesignChanged    =true
                //获取选择的字段
            var selIndex = document.all.item("ListBox1").selectedIndex;
                if (selIndex == -1){
                alert(    "请选择合适的字段！");
                    return;
            }
                var ctlDispName = document.all.item("ListBox1").options(selIndex).text;
                var valType = GetCtrlValType(document.all.item("ListBox1").options(selIndex).value)
                var ctlName = GetCtrlName(document.all.item("ListBox1").options(selIndex).value)
            
                //创建Text元素
            var blnCreateLabel = 1;
                if (valType == "1"){ //选择项
                var ctlText1 = document.createElement("<SELECT ctrltype='ddlist' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' dragSign='frmElement' id='" + ctlName + "' name='" + ctlName + "' style='Z-INDEX: 125; POSITION: absolute; HEIGHT: 20px; WIDTH: 90px;TOP:5px;LEFT:97px'> <OPTION selected></OPTION></SELECT>");
                panelForm.appendChild(ctlText1);
            }    else if (valType == "101"){ //是输入窗体设计中的多媒体型
                //创建文件上传控件元素
                var ctlFile1 = document.createElement("<INPUT ctrltype='image' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' type='file' id='" + ctlName + "' name='" + ctlName + "' dragSign='fileElement' disabled style='Z-INDEX: 103; POSITION: absolute; LEFT: 97px; TOP: 5px; WIDTH: 222px'>");
                panelForm.appendChild(ctlFile1);
            }    else if (valType == "102"){ //是打印窗体设计中的多媒体型
                var ctlImg1 = document.createElement("<IMG border=0 ctrltype='image' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement'  style='Z-INDEX: 125; LEFT: 97px; POSITION: absolute; TOP: 5px; HEIGHT:80px; WIDTH:80px' alt='图片'>");
                panelForm.appendChild(ctlImg1);
            }    else if (valType == "100"){ //是打印窗体设计中的所有元素显示为Label
                var ctlLabel1 = document.createElement("<label ctrltype='TextboxInPrint' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' dragSign='frmElement' align='left' id='" + ctlName + "' name='" + ctlName + "' value='[" + ctlDispName + "]' style='POSITION: absolute; HEIGHT: 20px; WIDTH: 90px;top:9px;left:97px '></label>");
                ctlLabel1.innerText     = "[" + ctlDispName + "]";
                panelForm.appendChild(ctlLabel1);
            }    else if (valType == "11"){ //多选一选择项
                var ctlText1 = document.createElement("<input ctrltype='radio' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' dragSign='frmElement' id='" + ctlName + "' name='" + ctlName + "' value='[" + ctlDispName + "]' readonly style='POSITION: absolute; HEIGHT: 45px; WIDTH: 400px;top:5px;left:97px'>");
                panelForm.appendChild(ctlText1);
                blnCreateLabel     = 0; //不显示Label
            }else if (valType == "13"){ //目录文件
                var ctlFile1 = document.createElement("<INPUT ctrltype='fileForDirFile' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' type='file' id='" + ctlName + "' name='" + ctlName + "' dragSign='fileElement' disabled style='Z-INDEX: 103; POSITION: absolute; LEFT: 97px; TOP: 5px; WIDTH: 222px'>");
                panelForm.appendChild(ctlFile1);
            }    else if (valType == "12"){ //是否选择项
                var ctlText1 = document.createElement("<input ctrltype='checkgrp' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' dragSign='frmElement' id='" + ctlName + "' name='" + ctlName + "' type='checkbox' disabled value='[" + ctlDispName + "]' style='POSITION: absolute; HEIGHT: 20px; WIDTH: 200px;top:5px;left:97px'>");
                panelForm.appendChild(ctlText1);
                blnCreateLabel     = 0; //不显示Label
            }else{ //if (valType == "0"){ //是输入型
                var ctlText1 = document.createElement("<input ctrltype='text' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' dragSign='frmElement' id='" + ctlName + "' name='" + ctlName + "' value='[" + ctlDispName + "]' readonly style='POSITION: absolute; HEIGHT: 20px; WIDTH: 90px;top:5px;left:97px'>");
                panelForm.appendChild(ctlText1);
            }

                //创建Label元素
            if (blnCreateLabel==1){
                    //var lblName = "lbl" + ctlName;
                var lblName = "lbl_" + Math.round(Math.random() * 10000000000); // + "_" + ctlName;
                var strAlign = "right";
                    if (self.document.forms(0).formtype.value == 1){
                    strAlign     = "left";
                }
                    var ctlLabel1 = document.createElement("<label ctrltype='label' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' dragSign='frmElement' align='right' id='" + lblName + "' name='" + lblName + "' style='POSITION: absolute; HEIGHT: 20px; WIDTH: 56px;top:9px;left:32px;TEXT-ALIGN: " + strAlign + "'></label>");
                ctlLabel1.innerText     = ctlDispName;
                panelForm.appendChild(ctlLabel1);
            }
        }    catch(ex){
        }
    }

    //获取窗体内所有元素的布局信息
    function GetDFormLayout(){
            //获取窗体本身布局信息
        var ctlInfo = ";;" + "1||" + "FORM_CONTAINER" + "||0||||" + panelForm.style.left + "||" + panelForm.style.top + "||" + panelForm.style.pixelWidth + "||" + panelForm.style.pixelHeight + "||||;;";

            //获取窗体内所有元素的布局信息
        for (var i = 0; i < panelForm.all.length; i++){    
                var ctlItem = panelForm.all.item(i);
                var intHeight = ctlItem.style.pixelHeight;
                if (ctlItem.style.display != "none" && ctlItem.name != null){ //不保存隐藏的元素
                if (ctlItem.ctrltype == "label"){
                        //2: 表示是标签Label
                    ctlInfo = ctlInfo + "2||" + ctlItem.name + "||0||" + ctlItem.innerText + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + ctlItem.style.textAlign + "||||";
                    ctlInfo     = ctlInfo + ctlItem.style.fontFamily + "||" + ctlItem.style.fontSize + "||" + ctlItem.style.color + "||" + ctlItem.style.fontWeight + "||" + ctlItem.style.fontStyle + "||" + ctlItem.style.textDecoration + "||;;";
                }
                    else if (ctlItem.ctrltype == "TextboxInPrint"){
                        //14: 所有元素在打印窗体中都显示为Label
                    ctlInfo = ctlInfo + "14||" + ctlItem.name + "||0||" + ctlItem.innerText + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + ctlItem.style.textAlign + "||||";
                    ctlInfo     = ctlInfo + ctlItem.style.fontFamily + "||" + ctlItem.style.fontSize + "||" + ctlItem.style.color + "||" + ctlItem.style.fontWeight + "||" + ctlItem.style.fontStyle + "||" + ctlItem.style.textDecoration + "||;;";
                }
                    else if (ctlItem.ctrltype == "text"){
                        //3: 表示是输入型元素（如Text）
                    var ctlName = ctlItem.value
                    ctlInfo     = ctlInfo + "3||" + ctlItem.name + "||" + ctlItem.ctrlreadonly + "||" + ctlName + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + ctlItem.style.textAlign + "||||";
                    ctlInfo     = ctlInfo + ctlItem.style.fontFamily + "||" + ctlItem.style.fontSize + "||" + ctlItem.style.color + "||" + ctlItem.style.fontWeight + "||" + ctlItem.style.fontStyle + "||" + ctlItem.style.textDecoration + "||" + ctlItem.ctrlbitian + "||;;";
                }    else if (ctlItem.ctrltype == "image"){
                        //4: 表示是Image图形控件
                    ctlInfo = ctlInfo + "4||" + ctlItem.name + "||0||" + ctlItem.src + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                }    else if (ctlItem.ctrltype == "pageimg"){
                        //13: 表示是页面上的图形文件
                    ctlInfo = ctlInfo + "13||" + ctlItem.name + "||0||" + ctlItem.src + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                    //}else if (ctlItem.ctrltype == "imagefile"){
                //    //4: 表示是Image图形控件
                //    ctlInfo = ctlInfo + "4||" + ctlItem.name + "||" + ctlItem.ctrlreadonly + "||" + ctlItem.src + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                }else if (ctlItem.ctrltype == "imageForBinCol"){
                        //15: 二进制字段以图片方式显示
                    ctlInfo = ctlInfo + "15||" + ctlItem.name + "||0||" + ctlItem.src + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                }    else if (ctlItem.ctrltype == "fileForDirFile"){
                        //18: 目录文件的文件控件
                    ctlInfo = ctlInfo + "18||" + ctlItem.name + "||0||" + ctlItem.src + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                }    else if (ctlItem.ctrltype == "imageForDirFile"){
                        //17: 目录文件的图片显示
                    ctlInfo = ctlInfo + "17||" + ctlItem.name + "||0||" + ctlItem.src + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                }    else if (ctlItem.ctrltype == "imageForUrlCol"){
                        //16: 二进制字段以图片方式显示
                    ctlInfo = ctlInfo + "16||" + ctlItem.name + "||0||" + ctlItem.src + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                }    else if (ctlItem.ctrltype == "file"){
                        //5: 表示是File控件，文件上传控件
                    ctlInfo = ctlInfo + "5||" + ctlItem.name + "||" + ctlItem.ctrlreadonly + "||" + ctlItem.value + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||||" + "||||;;";
                }    else if (ctlItem.ctrltype == "ddlist"){
                        //6: 表示是DropDownList
                    var ctlName = ctlItem.value
                    ctlInfo     = ctlInfo + "6||" + ctlItem.name + "||" + ctlItem.ctrlreadonly + "||" + ctlName + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + ctlItem.style.textAlign + "||||";
                    ctlInfo     = ctlInfo + ctlItem.style.fontFamily + "||" + ctlItem.style.fontSize + "||" + ctlItem.style.color + "||" + ctlItem.style.fontWeight + "||" + ctlItem.style.fontStyle + "||" + ctlItem.style.textDecoration + "||" + ctlItem.ctrlbitian + "||;;";
                }    else if (ctlItem.ctrltype == "line"){
                        //7: 表示是Line控件
                    ctlInfo = ctlInfo + "7||" + ctlItem.name + "||0||" + "线条" + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                }    else if (ctlItem.ctrltype == "ResTable"){
                        //8: 表示是资源表单控件
                    ctlInfo = ctlInfo + "8||" + ctlItem.name + "||0||" + ctlItem.tabresid + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||||;;";
                }    else if (ctlItem.ctrltype == "cmsbtn"){
                        //9: 表示是普通按钮
                    ctlInfo = ctlInfo + "9||" + ctlItem.name + "||0||" + ctlItem.value + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||" + ctlItem.ctrlscript + "||;;";
                }    else if (ctlItem.ctrltype == "linkbtn"){
                        //10: 表示是普通链接
                    if (ctlItem.innerText != ""){
                        ctlInfo     = ctlInfo + "10||" + ctlItem.name + "||0||" + ctlItem.innerText + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||" + ctlItem.ctrlscript + "||;;";
                    }    else{
                        ctlInfo     = ctlInfo + "10||" + ctlItem.name + "||0||" + ctlItem.value + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + "||" + ctlItem.ctrlscript + "||;;";
                    }
                }    else if (ctlItem.ctrltype == "radio"){
                        //11: 表示是多选一选择项
                    var ctlName = ctlItem.value
                    ctlInfo     = ctlInfo + "11||" + ctlItem.name + "||" + ctlItem.ctrlreadonly + "||" + ctlName + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + ctlItem.style.textAlign + "||||";
                    ctlInfo     = ctlInfo + ctlItem.style.fontFamily + "||" + ctlItem.style.fontSize + "||" + ctlItem.style.color + "||" + ctlItem.style.fontWeight + "||" + ctlItem.style.fontStyle + "||" + ctlItem.style.textDecoration + "||" + ctlItem.ctrlbitian + "||;;";
                }    else if (ctlItem.ctrltype == "checkgrp"){
                        //12: 表示是是否选择项
                    var ctlName = ctlItem.value
                    ctlInfo     = ctlInfo + "12||" + ctlItem.name + "||" + ctlItem.ctrlreadonly + "||" + ctlName + "||" + ctlItem.style.left + "||" + ctlItem.style.top + "||" + ctlItem.style.pixelWidth + "||" + intHeight + "||" + ctlItem.style.textAlign + "||||";
                    ctlInfo     = ctlInfo + ctlItem.style.fontFamily + "||" + ctlItem.style.fontSize + "||" + ctlItem.style.color + "||" + ctlItem.style.fontWeight + "||" + ctlItem.style.fontStyle + "||" + ctlItem.style.textDecoration + "||" + ctlItem.ctrlbitian + "||;;";
                }    else{
                        //未知元素
                }
            }
        }
        
            return ctlInfo;
    }

    //解析字段值类型
    function GetCtrlValType(optValue){
            var strTemp = new String(optValue);
            var pos = strTemp.indexOf ("]", 0)
            return strTemp.substring(1, pos)
    }

    //解析字段名称
    function GetCtrlName(optValue){
            var strTemp = new String(optValue);
            var pos = strTemp.indexOf ("]", 0);
            var curResID;
            var relRes = document.all.item("ddlHostTables")
            if (relRes == null){
            curResID     = getUrlParam("mnuresid");
        }    else{
            curResID     = relRes.options(relRes.selectedIndex).value;
                if(curResID == ""){
                relRes     = document.all.item("ddlSubTables")
                curResID     = relRes.options(relRes.selectedIndex).value;
            }    else{
            }
        }
            return "TAB" + curResID + "___" + strTemp.substring(pos+1);
    }

    function DoNothing(){
            return false;
    }

    //元素水平对齐
    function AlignHorizontal(){
        IsDesignChanged    =true
            try{
                //先计算需要对齐的高度位置，如果第一个选择的控件是Label，则高度-4，因为Label比Textbox低4个像素
            var posTop;
                if (currentSelMainElement.ctrltype == "label"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop) - 4;
            }    else if (currentSelMainElement.ctrltype == "text"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "image"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "pageimg"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "imageForBinCol"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "imageForDirFile"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "imageForUrlCol"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "fileForDirFile"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
                //}else if (currentSelMainElement.ctrltype == "imagefile"){
            //    posTop = parseInt(currentSelMainElement.style.pixelTop);
            }else if (currentSelMainElement.ctrltype == "file"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "ddlist"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "TextboxInPrint"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "radio"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "checkgrp"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "ResTable"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "line"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "cmsbtn"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }    else if (currentSelMainElement.ctrltype == "linkbtn"){
                posTop     = parseInt(currentSelMainElement.style.pixelTop);
            }

                //对齐指定类型的控件
            for (var i=0; i<arrElments.length; i++){
                    if (arrElments[i].ctrltype == "label"){
                    arrElments[i].style.pixelTop    =posTop + 4;
                }    else if (arrElments[i].ctrltype == "text"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "image"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "pageimg"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "imageForBinCol"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "imageForDirFile"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "imageForUrlCol"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "fileForDirFile"){
                    arrElments[i].style.pixelTop    =posTop;
                    //}else if (arrElments[i].ctrltype == "imagefile"){
                //    arrElments[i].style.pixelTop=posTop;
                }else if (arrElments[i].ctrltype == "file"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "ddlist"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "TextboxInPrint"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "radio"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "checkgrp"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "ResTable"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "line"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "cmsbtn"){
                    arrElments[i].style.pixelTop    =posTop;
                }    else if (arrElments[i].ctrltype == "linkbtn"){
                    arrElments[i].style.pixelTop    =posTop;
                }
            }
        }    catch(ex){
        }

            /*
        清除所有选中元素相关的参数
        将来改进：不清除所有选中元素相关的参数，但是需要同时移动所有定位点，以便于用户对齐后的一起移动操作
            */
            //Hide4Dots(); //隐藏主元素的4个定位点
        //DeleteDynamicAddedDots(); //移除动态添加显示的定位点
        //ClearSelElementArray(); //移除所有元素的选择，其实是从全局数组中移除
    }

    //元素左对齐
    function AlignLeft(){
        IsDesignChanged    =true
            try{
                var pos = parseInt(currentSelMainElement.style.pixelLeft);
                for (var i=0; i<arrElments.length; i++){
                arrElments[i].style.pixelLeft    =pos;
            }
        }    catch(ex){
        }

            /*
        清除所有选中元素相关的参数
        将来改进：不清除所有选中元素相关的参数，但是需要同时移动所有定位点，以便于用户对齐后的一起移动操作
            */
            //Hide4Dots(); //隐藏主元素的4个定位点
        //DeleteDynamicAddedDots(); //移除动态添加显示的定位点
        //ClearSelElementArray(); //移除所有元素的选择，其实是从全局数组中移除
    }

    //元素右对齐
    function AlignRight(){
        IsDesignChanged    =true
            try{
                var pos = parseInt(currentSelMainElement.style.pixelLeft) + parseInt(currentSelMainElement.style.pixelWidth);
                for (var i=0; i<arrElments.length; i++){
                arrElments[i].style.pixelLeft    =pos - parseInt(arrElments[i].style.pixelWidth)
            }
        }    catch(ex){
        }

            /*
        清除所有选中元素相关的参数
        将来改进：不清除所有选中元素相关的参数，但是需要同时移动所有定位点，以便于用户对齐后的一起移动操作
            */
            //Hide4Dots(); //隐藏主元素的4个定位点
        //DeleteDynamicAddedDots(); //移除动态添加显示的定位点
        //ClearSelElementArray(); //移除所有元素的选择，其实是从全局数组中移除
    }

    //宽度对齐
    function AlignWidth(){
        IsDesignChanged    =true
            try{
                var pos = parseInt(currentSelMainElement.style.pixelWidth);
                for (var i=0; i<arrElments.length; i++){
                arrElments[i].style.pixelWidth    =pos;
            }
        }    catch(ex){
        }

            /*
        清除所有选中元素相关的参数
        将来改进：不清除所有选中元素相关的参数，但是需要同时移动所有定位点，以便于用户对齐后的一起移动操作
            */
            //Hide4Dots(); //隐藏主元素的4个定位点
        //DeleteDynamicAddedDots(); //移除动态添加显示的定位点
        //ClearSelElementArray(); //移除所有元素的选择，其实是从全局数组中移除
    }

    //高度对齐
    function AlignHeight(){
        IsDesignChanged    =true
            try{
                var pos = parseInt(currentSelMainElement.style.pixelHeight);
                if (pos<=0){
                pos     = 20; //有些元素无法获取高度，默认为20pixel
            }
                for (var i=0; i<arrElments.length; i++){
                arrElments[i].style.pixelHeight    =pos;
            }
        }    catch(ex){
        }

            /*
        清除所有选中元素相关的参数
        将来改进：不清除所有选中元素相关的参数，但是需要同时移动所有定位点，以便于用户对齐后的一起移动操作
            */
            //Hide4Dots(); //隐藏主元素的4个定位点
        //DeleteDynamicAddedDots(); //移除动态添加显示的定位点
        //ClearSelElementArray(); //移除所有元素的选择，其实是从全局数组中移除
    }

    //元素内部文字左对齐
    function TextAlignLeft(){
        IsDesignChanged    =true
            try{
                if (currentSelMainElement != null){
                currentSelMainElement.style.textAlign     = "left"
            }
                for (var i=0; i<arrElments.length; i++){
                arrElments[i].style.textAlign     = "left"
            }
        }    catch(ex){
        }
    }

    //元素内部文字右对齐
    function TextAlignRight(){
        IsDesignChanged    =true
            try{
                if (currentSelMainElement != null){
                currentSelMainElement.style.textAlign     = "right"
            }
                for (var i=0; i<arrElments.length; i++){
                arrElments[i].style.textAlign     = "right"
            }
        }    catch(ex){
        }
    }

    //元素内部文字居中对齐
    function TextAlignCenter(){
        IsDesignChanged    =true
            try{
                if (currentSelMainElement != null){
                currentSelMainElement.style.textAlign     = "center"
            }
                for (var i=0; i<arrElments.length; i++){
                arrElments[i].style.textAlign     = "center"
            }
        }    catch(ex){
        }
    }

    //鼠标Over事件入口
    function EvtMouseOver(){
            try{
                if (event.srcElement.dragSign=="frmElement"){
                event.srcElement.style.cursor     = "move"; //鼠标移至元素上时显示“鼠标移动”标志
            }
        }    catch(ex){
        }
    }

    //键盘击键的事件响应入口
    function EvtKeyDown(){
            try{
                if (event.keyCode == 46){ //键盘Del键
                IsDesignChanged=true
                DeleteElement();
            }
        }    catch(ex){
        }
    }

    //放开鼠标的事件入口
    function EvtMouseUp(){
            try{
                if (IsDraging == false){
                    return;
            }
            
            IsDraging    =false
            
                //定位主选择元素
            currentSelMainElement.xx = currentSelMainElement.style.pixelLeft
            currentSelMainElement.yy     = currentSelMainElement.style.pixelTop

                //定位主选择元素的4个定位点
            frmInputDesign.left_mid.xx = frmInputDesign.left_mid.style.pixelLeft
            frmInputDesign.left_mid.yy     = frmInputDesign.left_mid.style.pixelTop
            frmInputDesign.middle_top.xx     = frmInputDesign.middle_top.style.pixelLeft
            frmInputDesign.middle_top.yy     = frmInputDesign.middle_top.style.pixelTop
            frmInputDesign.middle_bot.xx     = frmInputDesign.middle_bot.style.pixelLeft
            frmInputDesign.middle_bot.yy     = frmInputDesign.middle_bot.style.pixelTop
            frmInputDesign.right_mid.xx     = frmInputDesign.right_mid.style.pixelLeft
            frmInputDesign.right_mid.yy     = frmInputDesign.right_mid.style.pixelTop

                //定位所有次选择元素    
            for (var i=0; i < arrElments.length; i++){
                arrElments[i].xx     = arrElments[i].style.pixelLeft
                arrElments[i].yy     = arrElments[i].style.pixelTop
            }

                //定位所有次选择元素的定位点    
            for (var i=0; i < arrDots.length; i++){
                arrDots[i].xx     = arrDots[i].style.pixelLeft
                arrDots[i].yy     = arrDots[i].style.pixelTop
            }

                //显示当前选中的元素的位置
            if (currentSelMainElement != null){
                    //document.all.item("lblStatus1").innerText = "元素宽:" + currentSelMainElement.style.pixelWidth + " 高:" + currentSelMainElement.style.pixelHeight + " x:" + currentSelMainElement.style.pixelLeft + " y:" + currentSelMainElement.style.pixelTop
            }
        }    catch(ex){
        }
    }

    //添加标签元素
    function AddElementLabel(){
        IsDesignChanged    =true
            var lblValue = window.prompt("请输入标签显示内容：", "");
            if (lblValue == null){
                return; //用户点击了“取消”
        }

            var ctlName = "lbl" + Math.round(Math.random() * 10000000000);
            var ctlLabel1 = document.createElement("<label ctrltype='label' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement' readonly style='POSITION: absolute; HEIGHT: 20px; WIDTH: 65px;top:5px;left:97px '></label>");
        ctlLabel1.innerText     = lblValue;
        panelForm.appendChild(ctlLabel1);
            return false;
    }

    //添加"文件上传控件"元素
    function AddElementFile(){
        IsDesignChanged    =true;
            var ctlName = "CmsFile" + Math.round(Math.random() * 10000000000);
            var ctlFile1 = document.createElement("<INPUT ctrltype='file' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' type='file' id='" + ctlName + "' name='" + ctlName + "' dragSign='fileElement' disabled style='Z-INDEX: 103; POSITION: absolute; LEFT: 97px; TOP: 5px; WIDTH: 222px'>");
        panelForm.appendChild(ctlFile1);
            return true;
    }

    function AddElementButton(){
        IsDesignChanged    =true
            var btnValue = window.prompt("请输入按钮名称：", "");
            if (btnValue == null){
                return; //用户点击了“取消”
        }

            var ctlName = "cmsbtn" + Math.round(Math.random() * 10000000000);
            var ctlBtn = document.createElement("<INPUT type=button value=" + btnValue + " ctrltype='cmsbtn' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement' readonly style='POSITION: absolute; HEIGHT: 20px; WIDTH: 65px;top:5px;left:97px'>");
        panelForm.appendChild(ctlBtn);
            return false;
    }

    function AddElementLinkbtn(){
        IsDesignChanged    =true
            var btnValue = window.prompt("请输入链接名称：", "");
            if (btnValue == null){
                return; //用户点击了“取消”
        }

            var ctlName = "linkbtn" + Math.round(Math.random() * 10000000000);
            var ctlBtn = document.createElement("<INPUT type=button value=" + btnValue + " ctrltype='linkbtn' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement' readonly style='POSITION: absolute; HEIGHT: 20px; WIDTH: 65px;top:5px;left:97px'>");
            //var ctlBtn = document.createElement("<a id='" + ctlName + "' style='POSITION: absolute; HEIGHT: 20px; WIDTH: 65px;top:5px;left:97px'>" + btnValue + "</a>");
        panelForm.appendChild(ctlBtn);
            return false;
    }

    function AddElementScript(){
        IsDesignChanged    =true;
            try{
                if (currentSelMainElement == null){
                    return false;
            }

                var rtnVal = window.showModalDialog("/cmsweb/cmsform/FormSetElementScript.aspx?ctrlscript=" + currentSelMainElement.ctrlscript, "_blank", "dialogHeight:430px; dialogWidth:580px; center;yes");
                var strRtn = new String(rtnVal);
            currentSelMainElement.ctrlscript     = strRtn;
                //if (strRtn != ""){
            //    var pos1 = strRtn.indexOf("$PROPNAME", 0)
            //    var pos2 = strRtn.indexOf("$PROPVAL", 0)
            //    if (pos1 >= 0 && pos2 >= 0){
            //        var strPropName = strRtn.substring(pos1+10, pos2)
            //        var strPropValue = strRtn.substring(pos2+9)
            //        currentSelMainElement.ctrlscript = strPropValue;
            //    }
            //}
        }catch(ex){
            alert(    "请选择有效的控件！");
        }
    }

    function SetFormProperty(){
            //IsDesignChanged=true;
        try{
                //获取当前资源ID
            //window.showModalDialog("/cmsweb/cmsform/FormSetProperty.aspx?mnuresid=" + document.frmInputDesign.formresid.value + "&urlformrecid=" + document.frmInputDesign.formrecid.value + "&timeid=" + Math.round(Math.random() * 10000000000), "_blank", "dialogHeight:500px; dialogWidth:480px; center;yes");
            window.open("/cmsweb/cmsform/FormSetProperty.aspx?mnuresid=" + document.frmInputDesign.formresid.value + "&urlformrecid=" + document.frmInputDesign.formrecid.value + "&timeid=" + Math.round(Math.random() * 10000000000), '_blank', "left=100,top=100,height=500,width=480,status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no");
        }    catch(ex){
            alert(    "操作出错！");
        }
    }

    //添加元素：线条
    function AddElementLine(){
            var ctlName = "line" + Math.round(Math.random() * 10000000000);
            var ctlLabel1 = document.createElement("<IMG ctrltype='line' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement'  style='Z-INDEX: 125; LEFT: 97px; POSITION: absolute; TOP: 5px; HEIGHT:3px; WIDTH:200px; BACKGROUND-COLOR: black' alt='' src=''>");
        panelForm.appendChild(ctlLabel1);
            return false;
    }

    //添加元素：图形
    function AddElementImage(){
        IsDesignChanged    =true
            var lblValue = window.prompt("请输入图形的WEB路径（如images/logo.gif）：", "/cmsweb/images/?.gif");
            if (lblValue == null){
                return; //用户点击了“取消”
        }
            if (lblValue == ""){
                return; //没有图形URL
        }

            var ctlName = "image_" + Math.round(Math.random() * 10000000000);
            var ctlLabel1 = document.createElement("<IMG border=0 ctrltype='pageimg' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement'  style='Z-INDEX: 125; LEFT: 97px; POSITION: absolute; TOP: 5px; HEIGHT:45px; WIDTH:120px' alt='" + lblValue + "' src='" + lblValue + "'>");
        panelForm.appendChild(ctlLabel1);
            return false;
    }

    //添加元素：资源表单
    function AddElementResTable(){
        IsDesignChanged    =true
            var relRes = document.all.item("ddlSubTables")
            if (relRes == null){
            alert(    "当前版本不支持多表单窗体设计！");
                return false;
        }
            var curResName = relRes.options(relRes.selectedIndex).text;
            var curResID = relRes.options(relRes.selectedIndex).value;
            if(curResID == ""){
            alert(    "请选择有效的子资源！");
                return false;
        }
            var ctlName = "ResTable_" + curResID;
            var lblValue = "资源表单：" + curResName;
            var ctlLabel1 = document.createElement("<IMG border=0 ctrltype='ResTable' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' tabresid='" + curResID + "' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement'  style='Z-INDEX: 125; LEFT: 97px; POSITION: absolute; TOP: 5px; HEIGHT:150px; WIDTH:400px' alt='" + lblValue + "' src='" + lblValue + "'>");
        panelForm.appendChild(ctlLabel1);
            return false;
    }

    //删除所有选中的元素
    function DeleteElement(){
        IsDesignChanged    =true
            try{
                //删除主元素
            panelForm.removeChild(currentSelMainElement);
            currentSelMainElement.style.display     = "none";
            currentSelMainElement    =null;

                //删除所有次元素    
            for (; arrElments.length>0; ){
                    try{
                        var oneElement = arrElments.shift();
                    panelForm.removeChild(oneElement);
                    oneElement.style.display     = "none";
                    oneElement    =null;
                }    catch(ex){
                }
            }

            Hide4Dots();     //隐藏主元素的4个定位点
            DeleteDynamicAddedDots(); //移除动态添加显示的定位点
        }catch(ex){
            alert(    "请选择有效的控件！");
        }
    }

    //设置标签内容
    function SetLabelContent(){
        IsDesignChanged    =true
            try{
                if (currentSelMainElement.type = "undefined"){ //"undefined": 仅对标签有用
                var lblValue = window.prompt("请输入标签显示内容：", currentSelMainElement.innerText);
                    if (lblValue != null){ //只有点击“确认”才设置标签内容
                    currentSelMainElement.innerText = lblValue;
                }
            }
        }    catch(ex){
            alert(    "请选择有效的标签！");
        }
    }

    //将二进制字段显示为图片
    function AddImageFromBinColumn(){
            try{
            IsDesignChanged    =true
                //获取选择的字段
            var selIndex = document.all.item("ListBox1").selectedIndex;
                if (selIndex == -1){
                alert(    "请选择合适的字段！");
                    return;
            }
                var ctlDispName = document.all.item("ListBox1").options(selIndex).text;
                var valType = GetCtrlValType(document.all.item("ListBox1").options(selIndex).value)
                var ctlName = GetCtrlName(document.all.item("ListBox1").options(selIndex).value)
            ctlName     = "bincolimage_" + ctlName;
            
            
                if (valType == "101" || valType == "102"){ //101：是输入窗体设计中的多媒体型；102：是打印窗体设计中的多媒体型
              var ctlImg1 = document.createElement("<IMG border=0 ctrltype='imageForBinCol' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement'  style='Z-INDEX: 125; LEFT: 97px; POSITION: absolute; TOP: 5px; HEIGHT:80px; WIDTH:80px' alt='图片'>");
              panelForm.appendChild(ctlImg1);
            }    else{
              alert(    '操作失败，只有多媒体字段可以作为图片方式添加');
        }        
        }    catch(ex){
        }
    }

    //添加目录文件的图片
    function AddImageFromDirFileColumn(){
            try{
            IsDesignChanged    =true
                //获取选择的字段
            var selIndex = document.all.item("ListBox1").selectedIndex;
                if (selIndex == -1){
                alert(    "请选择合适的字段！");
                    return;
            }
                var ctlDispName = document.all.item("ListBox1").options(selIndex).text;
                var ctlTip = "图片(" + ctlDispName + ")";
                var valType = GetCtrlValType(document.all.item("ListBox1").options(selIndex).value)
                var ctlName = GetCtrlName(document.all.item("ListBox1").options(selIndex).value)
            ctlName     = "dirfileimage_" + ctlName;
            
                var ctlImg1 = document.createElement("<IMG border=0 ctrltype='imageForDirFile' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement'  style='Z-INDEX: 125; LEFT: 97px; POSITION: absolute; TOP: 5px; HEIGHT:80px; WIDTH:80px' alt='" + ctlTip + "'>");
            panelForm.appendChild(ctlImg1);
        }    catch(ex){
        }
    }

    //将存放Url的字段显示为图片
    function AddImageFromUrlColumn(){
            try{
            IsDesignChanged    =true
                //获取选择的字段
            var selIndex = document.all.item("ListBox1").selectedIndex;
                if (selIndex == -1){
                alert(    "请选择合适的字段！");
                    return;
            }
                var ctlDispName = document.all.item("ListBox1").options(selIndex).text;
                var valType = GetCtrlValType(document.all.item("ListBox1").options(selIndex).value)
                var ctlName = GetCtrlName(document.all.item("ListBox1").options(selIndex).value)
            ctlName     = "urlcolimage_" + ctlName;
            
                var ctlImg1 = document.createElement("<IMG border=0 ctrltype='imageForUrlCol' ctrlscript='' ctrlreadonly='0' ctrlbitian='0' id='" + ctlName + "' name='" + ctlName + "' dragSign='frmElement'  style='Z-INDEX: 125; LEFT: 97px; POSITION: absolute; TOP: 5px; HEIGHT:80px; WIDTH:80px' alt='图片'>");
            panelForm.appendChild(ctlImg1);
        }    catch(ex){
        }
    }

    //设置指定字段为只读
    function SetCtrlReadonly(){
        IsDesignChanged    =true;
            try{
                if (currentSelMainElement.ctrltype == "text" || currentSelMainElement.ctrltype == "ddlist" || currentSelMainElement.ctrltype == "radio" || currentSelMainElement.ctrltype == "checkgrp"){
                    if (currentSelMainElement.ctrlreadonly == 0){
                    currentSelMainElement.ctrlreadonly     = 1;
                    currentSelMainElement.style.color     = "gray";
                }    else{
                    currentSelMainElement.ctrlreadonly     = 0;
                    currentSelMainElement.style.color     = "black";
                }
            }    else{
                alert(    "只读属性只对输入框有效！");
            }
        }    catch(ex){
        }
    }

    //设置指定字段为必填项
    function SetCtrlBitian(){
        IsDesignChanged    =true;
            try{
                if (currentSelMainElement.ctrltype == "text" || currentSelMainElement.ctrltype == "ddlist" || currentSelMainElement.ctrltype == "radio" || currentSelMainElement.ctrltype == "checkgrp"){
                    if (currentSelMainElement.ctrlbitian == 0){
                    currentSelMainElement.ctrlbitian     = 1;
                    currentSelMainElement.style.backgroundColor     = "red";
                }    else{
                    currentSelMainElement.ctrlbitian     = 0;
                    currentSelMainElement.style.color     = "black";
                    currentSelMainElement.style.backgroundColor     = "";
                }
            }    else{
                alert(    "只读属性只对输入框有效！");
            }
        }    catch(ex){
        }
    }

    //设置字体名称
    function ApplyFontInfo(){
        IsDesignChanged    =true;
            try{
                if (currentSelMainElement.ctrltype == "label" || currentSelMainElement.ctrltype == "TextboxInPrint" || currentSelMainElement.ctrltype == "text" || currentSelMainElement.ctrltype == "ddlist" || currentSelMainElement.ctrltype == "radio" || currentSelMainElement.ctrltype == "checkgrp"){
                    //字体名称
                var ddl = document.all.item("ddlFontName");
                currentSelMainElement.style.fontFamily     = ddl.options(ddl.selectedIndex).value;

                    //字体大小
                ddl = document.all.item("ddlFontSize");
                currentSelMainElement.style.fontSize     = ddl.options(ddl.selectedIndex).value;

                    //字体颜色
                var strColor = frmInputDesign.txtColor.value;
                    if (strColor == ""){
                        var ddl = document.all.item("ddlFontColor");
                    strColor     = ddl.options(ddl.selectedIndex).value;
                }
                currentSelMainElement.style.color     = strColor;

                    //粗体
                ddl = document.all.item("ddlFontBold");
                currentSelMainElement.style.fontWeight     = ddl.options(ddl.selectedIndex).value;

                    //斜体
                ddl = document.all.item("ddlFontItalic");
                currentSelMainElement.style.fontStyle     = ddl.options(ddl.selectedIndex).value;

                    //上、中、下划线
                ddl = document.all.item("ddlFontLine");
                currentSelMainElement.style.textDecoration     = ddl.options(ddl.selectedIndex).value;
            }    else{
                alert(    "字体设置只对Label，Textbox，DropDownList有效！");
            }
        }    catch(ex){
        }
    }

    //增加窗体宽度
    function FormWidthInc(){
        IsDesignChanged    =true
        panelForm.style.pixelWidth     = parseInt(panelForm.style.pixelWidth) + 10;
            //document.all.item("lblFormSize").innerText = "窗体宽度：" + panelForm.style.pixelWidth + " 高度：" + panelForm.style.pixelHeight
        return false;
    }

    //增加窗体宽度
    function FormWidthInc2(){
        IsDesignChanged    =true
        panelForm.style.pixelWidth     = parseInt(panelForm.style.pixelWidth) + 100;
            //document.all.item("lblFormSize").innerText = "窗体宽度：" + panelForm.style.pixelWidth + " 高度：" + panelForm.style.pixelHeight
        return false;
    }

    //减小窗体宽度
    function FormWidthDec(){
        IsDesignChanged    =true
        panelForm.style.pixelWidth     = parseInt(panelForm.style.pixelWidth) - 10;
            //document.all.item("lblFormSize").innerText = "窗体宽度：" + panelForm.style.pixelWidth + " 高度：" + panelForm.style.pixelHeight
        return false;
    }

    //减小窗体宽度
    function FormWidthDec2(){
        IsDesignChanged    =true
        panelForm.style.pixelWidth     = parseInt(panelForm.style.pixelWidth) - 100;
            //document.all.item("lblFormSize").innerText = "窗体宽度：" + panelForm.style.pixelWidth + " 高度：" + panelForm.style.pixelHeight
        return false;
    }

    //增加窗体高度
    function FormHeightInc(){
        IsDesignChanged    =true
        panelForm.style.pixelHeight     = parseInt(panelForm.style.pixelHeight) + 10;
            //document.all.item("lblFormSize").innerText = "窗体宽度：" + panelForm.style.pixelWidth + " 高度：" + panelForm.style.pixelHeight
        return false;
    }

    //增加窗体高度
    function FormHeightInc2(){
        IsDesignChanged    =true
        panelForm.style.pixelHeight     = parseInt(panelForm.style.pixelHeight) + 100;
            //document.all.item("lblFormSize").innerText = "窗体宽度：" + panelForm.style.pixelWidth + " 高度：" + panelForm.style.pixelHeight
        return false;
    }

    //减小窗体高度
    function FormHeightDec(){
        IsDesignChanged    =true
        panelForm.style.pixelHeight     = parseInt(panelForm.style.pixelHeight) - 10;
    //    document.all.item("lblFormSize").innerText = "窗体宽度：" + panelForm.style.pixelWidth + " 高度：" + panelForm.style.pixelHeight
        return false;
    }

    //减小窗体高度
    function FormHeightDec2(){
        IsDesignChanged    =true
        panelForm.style.pixelHeight     = parseInt(panelForm.style.pixelHeight) - 100;
    //    document.all.item("lblFormSize").innerText = "窗体宽度：" + panelForm.style.pixelWidth + " 高度：" + panelForm.style.pixelHeight
        return false;
    }

    //隐藏主元素的4个定位点
    function Hide4Dots(){
            try{
            frmInputDesign.left_mid.style.display    ="none";
            frmInputDesign.right_mid.style.display    ="none";
            frmInputDesign.middle_top.style.display    ="none";
            frmInputDesign.middle_bot.style.display    ="none";
        }    catch(ex){
        }
    }

    /*
      鼠标左键点击的事件入口，
      如果点在元素上，则开始移动操作
      如果点在“定位点”上，则开始改变元素高度宽度的操作
    */
    function EvtMouseDown(){
            if ((event.srcElement.dragSign=="frmElement")){
            g_pointSelTimes     = 0;
            
                //开始移动选中的元素
            if (event.ctrlKey == true){ //CTRL键按着则继续选中元素
                Show2DynamicDotsBeforeMove(event.srcElement);
                IsDraging    =false;
            }    else{
                    //先保留主选择的控件ID
                var oldSelElementID = "0";
                    try{
                    oldSelElementID     = currentSelMainElement.id;
                }    catch(ex){
                }
                
                    //判断单前点击选中的控件是否已经在多选控件中
                var blnIsInMultiSelCtrls = 0;
                currentSelMainElement    =event.srcElement;
                    if (currentSelMainElement.id == oldSelElementID){
                    blnIsInMultiSelCtrls    =1;
                }    else{
                        for (var i=0; i<arrElments.length; i++){
                            if (arrElments[i].id == currentSelMainElement.id){
                            blnIsInMultiSelCtrls    =1;
                        }
                    }
                }

                    //设置当前主选中元素的字体信息
                SetElementFont();

                    //开始移动控件
                if (blnIsInMultiSelCtrls==1){
                        //点击了已经选中的控件
                    Show4DotsBeforeMove(event.srcElement); //currentSelMainElement);
                    IsDraging=true;
                }    else{
                        //点击了新的控件，则先去除所有其它选中的控件
                    Hide4Dots(); //隐藏主元素的4个定位点
                    DeleteDynamicAddedDots(); //移除动态添加显示的定位点
                    ClearSelElementArray(); //移除所有元素的选择，其实是从全局数组中移除

                    Show4DotsBeforeMove(event.srcElement);     //currentSelMainElement);
                    IsDraging=true;
                }
            }

                //保存选中元素在移动前的位置
            event.srcElement.xx = event.srcElement.style.pixelLeft
            event.srcElement.yy     = event.srcElement.style.pixelTop
                //保存鼠标在移动前的位置
            xMouseBefMove=event.clientX
            yMouseBefMove    =event.clientY
            
                //定义鼠标移动的事件入口
            document.onmousemove=EvtMouseMove
            
                //显示当前选中的元素的位置
            if (currentSelMainElement != null){
                //    document.all.item("lblStatus1").innerText = "元素宽:" + currentSelMainElement.style.pixelWidth + " 高:" + currentSelMainElement.style.pixelHeight + " x:" + currentSelMainElement.style.pixelLeft + " y:" + currentSelMainElement.style.pixelTop
            }
            
                return false
        }
        
            if ((event.srcElement.dragSign=="fileElement")){
            g_pointSelTimes     = 0;
            
                //开始移动选中的元素
            if (event.ctrlKey == true){ //CTRL键按着则继续选中元素
                Show2DynamicDotsBeforeMove(event.srcElement);
                IsDraging    =false
            }    else{
                    //开始移动控件
                currentSelMainElement=event.srcElement                 
                Show2DynamicDotsBeforeMove(event.srcElement);
                IsDraging    =true
            }

                //保存选中元素在移动前的位置
            event.srcElement.xx = event.srcElement.style.pixelLeft
            event.srcElement.yy     = event.srcElement.style.pixelTop
                //保存鼠标在移动前的位置
            xMouseBefMove=event.clientX
            yMouseBefMove    =event.clientY
            
                //定义鼠标移动的事件入口
            document.onmousemove=EvtMouseMove
                return false
        }
        
            if (event.srcElement.dragSign=="left_mid"){
            g_pointSelTimes     = 0;
            IsDraging    =true
            currentDot    =event.srcElement
            xMouseBefMove    =event.clientX
            yMouseBefMove    =event.clientY
            document.onmousemove    =EvtMoveDotLeftMid
                return
        }
        
            if (event.srcElement.dragSign=="right_mid"){
            g_pointSelTimes     = 0;
            IsDraging    =true
            currentDot    =event.srcElement
            xMouseBefMove    =event.clientX
            yMouseBefMove    =event.clientY
            document.onmousemove    =EvtMoveDotRightMid
                return
        }
        
            if (event.srcElement.dragSign=="middle_top"){
            g_pointSelTimes     = 0;
            IsDraging    =true
            currentDot    =event.srcElement
            xMouseBefMove    =event.clientX
            yMouseBefMove    =event.clientY
            document.onmousemove    =EvtMoveDotMidTop
                return
        }
        
            if (event.srcElement.dragSign=="middle_bot"){
            g_pointSelTimes     = 0;
            IsDraging    =true
            currentDot    =event.srcElement
            xMouseBefMove    =event.clientX
            yMouseBefMove    =event.clientY
            document.onmousemove    =EvtMoveDotMidBot
                return
        }
        
            if (event.srcElement.id == "panelForm"){
                //g_pointSelTimes
            //var g_pointStart = 0; //多选控件的起点
            //var g_pointEnd = 0; //多选控件的终点
        
                if (event.altKey == true){
                    if (g_pointSelTimes == 0){
                    g_pointStartX    =event.clientX - panelForm.style.pixelLeft;
                    g_pointStartY    =event.clientY - panelForm.style.pixelTop;
                    g_pointSelTimes     = g_pointSelTimes + 1;
                }    else{
                        //为了让滚动条滚下后仍能选中元素，这里必须加 parseInt(document.body.scrollTop)，即滚动条的TOP位置
                    //g_pointEndX=event.clientX - panelForm.style.pixelLeft;
                    //g_pointEndY=event.clientY - panelForm.style.pixelTop;
                    g_pointEndX=parseInt(event.clientX) - parseInt(panelForm.style.pixelLeft) + parseInt(document.body.scrollLeft);
                    g_pointEndY    =parseInt(event.clientY) - parseInt(panelForm.style.pixelTop) + parseInt(document.body.scrollTop);
                    
                        //选中指定区域内的所有控件
                    try{
                            //alert(g_pointStartX + " " + g_pointStartY + " " + g_pointEndX + " " + g_pointEndY);
                        var isFirst = 0;
                            for (var i=0; i<panelForm.childNodes.length; i++){
                                try{
                                    if (panelForm.childNodes.item(i).ctrltype == "label" || panelForm.childNodes.item(i).ctrltype == "TextboxInPrint" || panelForm.childNodes.item(i).ctrltype == "text" || panelForm.childNodes.item(i).ctrltype == "ddlist" || panelForm.childNodes.item(i).ctrltype == "radio" || panelForm.childNodes.item(i).ctrltype == "fileForDirFile" || panelForm.childNodes.item(i).ctrltype == "checkgrp"){
                                        //alert(panelForm.childNodes.item(i).id);
                                    if (panelForm.childNodes.item(i).style.pixelLeft >= g_pointStartX && panelForm.childNodes.item(i).style.pixelLeft <= g_pointEndX && panelForm.childNodes.item(i).style.pixelTop >= g_pointStartY && panelForm.childNodes.item(i).style.pixelTop <= g_pointEndY){
                                            //alert(panelForm.childNodes.item(i).id + " " + panelForm.childNodes.item(i).style.pixelLeft + "  " + panelForm.childNodes.item(i).style.pixelTop);
                                        if (isFirst == 0 && panelForm.childNodes.item(i).ctrltype == "text"){
                                            currentSelMainElement     = panelForm.childNodes.item(i);
                                            Show4DotsBeforeMove(currentSelMainElement);
                                            isFirst     = 1;
                                        }    else{
                                            Show2DynamicDotsBeforeMove(panelForm.childNodes.item(i));
                                        }
                                    }
                                }
                            }    catch(ex){
                            }
                        }
                    }    catch(ex){
                        alert(ex);
                    }
                    
                        //保存选中元素在移动前的位置
                    event.srcElement.xx = event.srcElement.style.pixelLeft
                    event.srcElement.yy     = event.srcElement.style.pixelTop
                        //保存鼠标在移动前的位置
                    xMouseBefMove=event.clientX
                    yMouseBefMove    =event.clientY
                    
                        //定义鼠标移动的事件入口
                    document.onmousemove=EvtMouseMove
                    IsDraging    =true;
                        return false
                }
            }    else if (event.ctrlKey == true){
                    //CTRL键按着则继续选中其它元素
                g_pointSelTimes = 0;
            }    else{
                g_pointSelTimes     = 0;
                
                Hide4Dots();     //隐藏主元素的4个定位点
                DeleteDynamicAddedDots(); //移除动态添加显示的定位点
                ClearSelElementArray(); //移除所有元素的选择，其实是从全局数组中移除
            }
        }
    }

    //设置当前主选中元素的字体信息
    function SetElementFont(){
            var sz = currentSelMainElement.style.fontFamily;
            if (sz == ""){
            sz     = "宋体"; //默认值
        }
            //document.all.item("ddlFontName").value = sz;
        
        sz     = new String(currentSelMainElement.style.fontSize);
            if (sz == ""){
            sz     = 12; //默认值
        }else{
            sz     = sz.substring(0, sz.length - 2);
        }
            //document.all.item("ddlFontSize").value = sz;
        
        sz     = currentSelMainElement.style.color;
            if (sz == ""){
                //document.all.item("ddlFontColor").value = "black"; //默认值
            //frmInputDesign.txtColor.value = "";
        }else if (sz == "black"){
                //document.all.item("ddlFontColor").value = "black";
            //frmInputDesign.txtColor.value = "";
        }else if (sz == "red"){
            //    document.all.item("ddlFontColor").value = "red";
            //frmInputDesign.txtColor.value = "";
        }else if (sz == "green"){
                //document.all.item("ddlFontColor").value = "green";
            //frmInputDesign.txtColor.value = "";
        }else if (sz == "blue"){
                //document.all.item("ddlFontColor").value = "blue";
            //frmInputDesign.txtColor.value = "";
        }else if (sz == "gray"){
                //document.all.item("ddlFontColor").value = "gray";
            //frmInputDesign.txtColor.value = "";
        }else{
                //document.all.item("ddlFontColor").value = ""; //默认值
            //frmInputDesign.txtColor.value = sz;
        }

        sz     = currentSelMainElement.style.fontWeight;
            if (sz == ""){
            sz     = "normal";
        }
            //document.all.item("ddlFontBold").value = sz;

        sz     = currentSelMainElement.style.fontStyle;
            if (sz == ""){
            sz     = "normal";
        }
            //document.all.item("ddlFontItalic").value = sz;

        sz     = currentSelMainElement.style.textDecoration;
            if (sz == "none"){
            sz     = "";
        }
    //    document.all.item("ddlFontLine").value = sz;
    }

    //鼠标移动时同时移动选中的元素
    function EvtMouseMove(){
            try{
                if (event.button==1 && IsDraging){
                IsDesignChanged    =true;
                
                    //获取窗体坐标
                var divLeft = parseInt(panelForm.style.pixelLeft);
                    //必须减去窗体滚动条的位置，否则控件无法向上拖动
                var divTop = parseInt(panelForm.style.pixelTop) - parseInt(document.body.scrollTop);
                    var divWidth = parseInt(panelForm.style.pixelWidth);
                    var divHeight = parseInt(panelForm.style.pixelHeight);
                    if (divHeight <=0){
                    divHeight     = 20; //有些元素无法获取高度，默认为20pixel
                }

                    if (currentSelMainElement.dragSign == "fileElement"){
                        //移动主选择元素
                    currentSelMainElement.style.pixelLeft=currentSelMainElement.xx+event.clientX-xMouseBefMove
                    currentSelMainElement.style.pixelTop    =currentSelMainElement.yy+event.clientY-yMouseBefMove

                        //移动所有次元素
                    for (var i=0; i<arrElments.length; i++){
                        arrElments[i].style.pixelLeft    =arrElments[i].xx+event.clientX-xMouseBefMove
                        arrElments[i].style.pixelTop    =arrElments[i].yy+event.clientY-yMouseBefMove
                    }

                        //移动所有次元素的定位点
                    for (var i=0; i<arrDots.length; i++){
                        arrDots[i].style.pixelLeft    =arrDots[i].xx+event.clientX-xMouseBefMove
                        arrDots[i].style.pixelTop    =arrDots[i].yy+event.clientY-yMouseBefMove
                    }

                        //显示正被移动的元素的位置
                    //document.all.item("lblStatus1").innerText = "x：" + currentSelMainElement.style.pixelLeft + " y：" + currentSelMainElement.style.pixelTop
                    return;
                }
                    if (event.clientX >= divLeft && event.clientX <= (divLeft+divWidth) && event.clientY >= divTop && event.clientY <= (divTop + divHeight)){
                        //移动主选择元素
                    currentSelMainElement.style.pixelLeft=currentSelMainElement.xx+event.clientX-xMouseBefMove
                    currentSelMainElement.style.pixelTop    =currentSelMainElement.yy+event.clientY-yMouseBefMove
                    
                    
                        //移动主元素的4个定位点
                    Moving4DotPos()

                        //移动所有次元素
                    for (var i=0; i<arrElments.length; i++){
                        arrElments[i].style.pixelLeft    =arrElments[i].xx+event.clientX-xMouseBefMove
                        arrElments[i].style.pixelTop    =arrElments[i].yy+event.clientY-yMouseBefMove
                    }

                        //移动所有次元素的定位点
                    for (var i=0; i<arrDots.length; i++){
                        arrDots[i].style.pixelLeft    =arrDots[i].xx+event.clientX-xMouseBefMove
                        arrDots[i].style.pixelTop    =arrDots[i].yy+event.clientY-yMouseBefMove
                    }

                        //显示当前选中的元素的位置
                    if (currentSelMainElement != null){
                            var intTemp1 = currentSelMainElement.style.pixelHeight;
                            if (intTemp1 <=0){
                            intTemp1     = 20; //有些元素无法获取高度，默认为20pixel
                        }
                        //    document.all.item("lblStatus1").innerText = "元素宽:" + currentSelMainElement.style.pixelWidth + " 高:" + intTemp1 + " x:" + currentSelMainElement.style.pixelLeft + " y:" + currentSelMainElement.style.pixelTop
                    }
                        return;
                }
            }
        }    catch(ex){
        }
    }

    //左定位点的随Mouse移动
    function EvtMoveDotLeftMid(){
            if (event.button==1 && IsDraging){
            IsDesignChanged    =true;
            
                var selCtlWidth=parseInt(currentSelMainElement.style.pixelWidth)
                var x2=currentSelMainElement.style.pixelLeft+selCtlWidth
                if (event.clientX<(x2-6)){  
                currentDot.style.pixelLeft    =currentDot.xx+event.clientX-xMouseBefMove
                currentDot.style.pixelTop    =currentDot.yy+event.clientY-yMouseBefMove
                currentSelMainElement.style.pixelLeft    =currentDot.xx+event.clientX-xMouseBefMove+5
                currentSelMainElement.style.pixelWidth     =x2-(currentSelMainElement.style.pixelLeft)
            }
            Moving4DotPos()

                //显示当前选中的元素的位置
            if (currentSelMainElement != null){
                //    document.all.item("lblStatus1").innerText = "元素宽:" + currentSelMainElement.style.pixelWidth + " 高:" + currentSelMainElement.style.pixelHeight + " x:" + currentSelMainElement.style.pixelLeft + " y:" + currentSelMainElement.style.pixelTop
            }
                return false
        }
    }

    //右定位点的随Mouse移动
    function EvtMoveDotRightMid(){
            if (event.button==1 && IsDraging){
            IsDesignChanged    =true;
            
                var x2=currentSelMainElement.style.pixelLeft
                if (event.clientX>(x2+6)){  
                currentDot.style.pixelLeft    =currentDot.xx+event.clientX-xMouseBefMove
                currentDot.style.pixelTop    =currentDot.yy+event.clientY-yMouseBefMove
                currentSelMainElement.style.pixelWidth     =(currentDot.style.pixelLeft)-x2
            }
            Moving4DotPos()

                //显示当前选中的元素的位置
            if (currentSelMainElement != null){
                    //document.all.item("lblStatus1").innerText = "元素宽:" + currentSelMainElement.style.pixelWidth + " 高:" + currentSelMainElement.style.pixelHeight + " x:" + currentSelMainElement.style.pixelLeft + " y:" + currentSelMainElement.style.pixelTop
            }
                return false
        }
    }

    //上定位点的随Mouse移动
    function EvtMoveDotMidTop(){
            if (event.button==1 && IsDraging){
            IsDesignChanged    =true;
            
                var selCtlHeight=parseInt(currentSelMainElement.style.pixelHeight)
                if (selCtlHeight<=0){
                selCtlHeight    =20; //有些元素无法获取高度，默认为20pixel
            }
            y2    =currentSelMainElement.style.pixelTop+selCtlHeight
                if (event.clientY<(y2-6)){  
                currentDot.style.pixelLeft    =currentDot.xx+event.clientX-xMouseBefMove
                currentDot.style.pixelTop    =currentDot.yy+event.clientY-yMouseBefMove
                currentSelMainElement.style.pixelTop    =currentDot.yy+event.clientY-yMouseBefMove+5
                currentSelMainElement.style.pixelHeight     =y2-(currentSelMainElement.style.pixelTop)
            }
            Moving4DotPos()

                //显示当前选中的元素的位置
            if (currentSelMainElement != null){
                //    document.all.item("lblStatus1").innerText = "元素宽:" + currentSelMainElement.style.pixelWidth + " 高:" + currentSelMainElement.style.pixelHeight + " x:" + currentSelMainElement.style.pixelLeft + " y:" + currentSelMainElement.style.pixelTop
            }
                return false
        }
    }

    //下定位点的随Mouse移动
    function EvtMoveDotMidBot(){
            if (event.button==1 && IsDraging){
            IsDesignChanged    =true;
            
            y2    =currentSelMainElement.style.pixelTop
                if (event.clientY>(y2+6)){  
                currentDot.style.pixelLeft    =currentDot.xx+event.clientX-xMouseBefMove
                currentDot.style.pixelTop    =currentDot.yy+event.clientY-yMouseBefMove
                currentSelMainElement.style.pixelHeight     =(currentDot.style.pixelTop)-y2
            }
            Moving4DotPos()

                //显示当前选中的元素的位置
            if (currentSelMainElement != null){
                    //document.all.item("lblStatus1").innerText = "元素宽:" + currentSelMainElement.style.pixelWidth + " 高:" + currentSelMainElement.style.pixelHeight + " x:" + currentSelMainElement.style.pixelLeft + " y:" + currentSelMainElement.style.pixelTop
            }
                return false
        }
    }

    //在移动中更新主元素4个定位点的坐标
    function Moving4DotPos(){
            //获取元素X、Y坐标
        var x1=currentSelMainElement.style.pixelLeft
            var y1=currentSelMainElement.style.pixelTop
            //获取元素的高度和宽度
        var selCtlWidth=parseInt(currentSelMainElement.style.pixelWidth )
            var selCtlHeight=parseInt(currentSelMainElement.style.pixelHeight)
            if (selCtlHeight<=0){
            selCtlHeight    =20; //有些元素无法获取高度，默认为20pixel
        }

        frmInputDesign.left_mid.style.pixelLeft    =x1-5
        frmInputDesign.left_mid.style.pixelTop    =y1+selCtlHeight/2-3
        frmInputDesign.left_mid.style.display=""

        frmInputDesign.middle_top.style.pixelLeft    =x1+selCtlWidth/2-3
        frmInputDesign.middle_top.style.pixelTop=y1-5
        frmInputDesign.middle_top.style.display    =""

        frmInputDesign.middle_bot.style.pixelLeft    =x1+selCtlWidth/2-3
        frmInputDesign.middle_bot.style.pixelTop=y1+selCtlHeight+1
        frmInputDesign.middle_bot.style.display    =""

        frmInputDesign.right_mid.style.pixelLeft    =x1+selCtlWidth
        frmInputDesign.right_mid.style.pixelTop    =y1+selCtlHeight/2-3
        frmInputDesign.right_mid.style.display=""
    }

    //为选中的主元素显示4个定位点
    function Show4DotsBeforeMove(curElement){
            //x1,y1是控件左上角的坐标
        var x1=curElement.style.pixelLeft
            var y1=curElement.style.pixelTop
            //w,h是控件的高度和宽度
        var selCtlWidth=parseInt(curElement.style.pixelWidth)
            var selCtlHeight=parseInt(curElement.style.pixelHeight)
            if (selCtlHeight <=0){
            selCtlHeight     = 20; //有些元素无法获取高度，默认为20pixel
        }

        frmInputDesign.left_mid.style.pixelLeft    =x1-5
            //frmInputDesign.left_mid.style.backgroundColor = 'red';
        //frmInputDesign.left_mid.style.borderColor = 'red';
        frmInputDesign.left_mid.style.pixelTop=y1+selCtlHeight/2-3        
        frmInputDesign.left_mid.style.display=""
        frmInputDesign.left_mid.xx     = frmInputDesign.left_mid.style.pixelLeft
        frmInputDesign.left_mid.yy     = frmInputDesign.left_mid.style.pixelTop

        frmInputDesign.middle_top.style.pixelLeft    =x1+selCtlWidth/2-3
        frmInputDesign.middle_top.style.pixelTop=y1-5        
        frmInputDesign.middle_top.style.display    =""
        frmInputDesign.middle_top.xx     = frmInputDesign.middle_top.style.pixelLeft
        frmInputDesign.middle_top.yy     = frmInputDesign.middle_top.style.pixelTop

        frmInputDesign.middle_bot.style.pixelLeft    =x1+selCtlWidth/2-3
        frmInputDesign.middle_bot.style.pixelTop=y1+selCtlHeight+1        
        frmInputDesign.middle_bot.style.display    =""
        frmInputDesign.middle_bot.xx     = frmInputDesign.middle_bot.style.pixelLeft
        frmInputDesign.middle_bot.yy     = frmInputDesign.middle_bot.style.pixelTop

        frmInputDesign.right_mid.style.pixelLeft    =x1+selCtlWidth
        frmInputDesign.right_mid.style.pixelTop    =y1+selCtlHeight/2-3        
        frmInputDesign.right_mid.style.display=""
        frmInputDesign.right_mid.xx     = frmInputDesign.right_mid.style.pixelLeft
        frmInputDesign.right_mid.yy     = frmInputDesign.right_mid.style.pixelTop
    }

    //为选中的次元素增加左右中部的2个定位点
    function Show2DynamicDotsBeforeMove(curElement){
            //------------------------------------------------------
        //动态创建左右中间的2点，以便在选中元素上显示
        var dotName = "left_mid" + Math.round(Math.random() * 10000000000);
            var dotLeftMid = document.createElement("<IMG dragSign='left_mid' id='" + dotName + "' style='DISPLAY: none; WIDTH: 6px; POSITION: absolute; HEIGHT: 6px' height='6' src='/cmsweb/images/dot.jpg' width='6' name='" + dotName + "'>");
        panelForm.appendChild(dotLeftMid);
        arrDots.push(dotLeftMid);
        
        dotName     = "right_mid" + Math.round(Math.random() * 10000000000);
            var dotRightMid = document.createElement("<IMG dragSign='right_mid' id='" + dotName + "' style='DISPLAY: none; WIDTH: 6px; POSITION: absolute; HEIGHT: 6px' height='6' src='/cmsweb/images/dot.jpg' width='6' name='" + dotName + "'>");
        panelForm.appendChild(dotRightMid);
        arrDots.push(dotRightMid);
            //------------------------------------------------------

            //------------------------------------------------------
        //获取元素坐标
        //var lastSelElement = arrElments[arrElments.length - 1]
        //var lastSelElement = event.srcElement
        var x1=curElement.style.pixelLeft
            var y1=curElement.style.pixelTop
            //获取元素的高度和宽度
        var selCtlWidth=parseInt(curElement.style.pixelWidth)
            var selCtlHeight=parseInt(curElement.style.pixelHeight )
            if (selCtlHeight<=0){
            selCtlHeight    =20; //有些元素无法获取高度，默认为20pixel
        }

        event.srcElement.xx     = curElement.style.pixelLeft
        event.srcElement.yy     = curElement.style.pixelTop
            //arrElments.push(event.srcElement)
        arrElments.push(curElement)
            //------------------------------------------------------

            //------------------------------------------------------
        //定位“点”
        dotLeftMid.style.pixelLeft=x1-5
        dotLeftMid.style.pixelTop    =y1+selCtlHeight/2-3        
        dotLeftMid.style.display=""
        dotLeftMid.xx     = dotLeftMid.style.pixelLeft
        dotLeftMid.yy     = dotLeftMid.style.pixelTop

        dotRightMid.style.pixelLeft    =x1+selCtlWidth
        dotRightMid.style.pixelTop    =y1+selCtlHeight/2-3        
        dotRightMid.style.display=""
        dotRightMid.xx     = dotRightMid.style.pixelLeft
        dotRightMid.yy     = dotRightMid.style.pixelTop
            //------------------------------------------------------
    }

    //移除动态添加显示的定位点
    function DeleteDynamicAddedDots(){
            try{
                for (var i=0; i<1000; i++){
                    if (arrDots.length <= 0){
                        return;
                }
            
                    //从数组和窗体中同时移除所有定位点
                var oneDot = arrDots.shift();
                panelForm.removeChild(oneDot);
                oneDot.style.display    ="none";
                oneDot     = null;
            }
        }    catch(ex){
        }
    }

    //移除所有元素的选择，其实是从全局数组中移除，但仍然显示在窗体中
    function ClearSelElementArray(){
            try{
                for (var i=0; i<1000; i++){
                    if (arrElments.length <= 0){
                        return;
                }
                arrElments.shift();
            }
        }    catch(ex){
        }
    }

    //跳出对话框显示已设计的窗体列表并选择
    function OpenDesignedForm(){
            var rtnVal = window.showModalDialog("/cmsweb/cmsform/FormOpen.aspx?mnuresid=" + getUrlParam("mnuresid") + "&mnuformtype=" + getUrlParam("mnuformtype"), "", "dialogHeight:280px; dialogWidth:280px; center;yes");
            var strRtn = new String(rtnVal);
            if (strRtn.indexOf("$OPENFORM", 0) >= 0){
                //打开指定的已设计窗体
            var strFormName = strRtn.substring(10)
                if (strFormName != ""){
                document.frmInputDesign.postcmd.value     = "open";
                document.frmInputDesign.formname.value     = strFormName;
                document.frmInputDesign.dfrminfo.value     = GetDFormLayout();
                document.frmInputDesign.submit();
            }
        }    else if (strRtn.indexOf("$NEWFORM", 0) >= 0){
                //新建指定名称的窗体
            var strFormName = strRtn.substring(9)
                if (strFormName != ""){
                document.frmInputDesign.postcmd.value     = "new";
                document.frmInputDesign.formname.value     = strFormName;
                document.frmInputDesign.dfrminfo.value     = GetDFormLayout();
                document.frmInputDesign.submit();
            }
        }    else if (strRtn.indexOf("$CANCEL", 0) >= 0){
                //不做任何操作的退出
            return;
        }
    }

    //向服务器提交保存所有元素的布局信息
    function DFormSave(){
        Hide4Dots();     //隐藏主元素的4个定位点
        DeleteDynamicAddedDots(); //移除动态添加显示的定位点

        document.frmInputDesign.dfrminfo.value     = GetDFormLayout();
            //alert(document.frmInputDesign.dfrminfo.value)
        document.frmInputDesign.postcmd.value = "save";
        IsDesignChanged     = false;
        document.frmInputDesign.submit();
    }

    //另存窗体设计信息
    function DFormSaveAs(){
            var saveasFormName = window.prompt("请输入另存窗体设计的名称：", "");
            if (saveasFormName == null){
                return; //用户点击了“取消”
        }

        Hide4Dots();     //隐藏主元素的4个定位点
        DeleteDynamicAddedDots(); //移除动态添加显示的定位点

        document.frmInputDesign.dfrminfo.value     = GetDFormLayout();
        document.frmInputDesign.saveasname.value     = saveasFormName;
        document.frmInputDesign.postcmd.value     = "saveas";
            //IsDesignChanged = false;
        document.frmInputDesign.submit();
    }

    //另存为打印窗体
    function SaveAsPrintForm(){
        Hide4Dots();     //隐藏主元素的4个定位点
        DeleteDynamicAddedDots(); //移除动态添加显示的定位点

        document.frmInputDesign.dfrminfo.value     = GetDFormLayout();
        document.frmInputDesign.postcmd.value     = "saveasprint";
            //IsDesignChanged = false;
        document.frmInputDesign.submit();
    }

    //退出，需提醒是否保存
    function DoExit(){
            if (IsDesignChanged == false){ //窗体设计未改变，退出不保存
            document.frmInputDesign.postcmd.value = "exit";
            self.document.forms(    0).submit();
                return;
        }
        
            var blnRtn = window.confirm("退出前是否需要保存当前窗体设计？");
            if (blnRtn == true){ //保存
            Hide4Dots(); //隐藏主元素的4个定位点
            DeleteDynamicAddedDots(); //移除动态添加显示的定位点

            document.frmInputDesign.dfrminfo.value     = GetDFormLayout();
            document.frmInputDesign.saveasname.value     = "";
            document.frmInputDesign.postcmd.value     = "exitsave";
        }    else{ //不保存
            document.frmInputDesign.postcmd.value = "exit";
        }

        self.document.forms(    0).submit();
    }

    //当前资源的主关联资源的选择被更改
    function HostRelResChanged(){
        Hide4Dots();     //隐藏主元素的4个定位点
        DeleteDynamicAddedDots(); //移除动态添加显示的定位点

        document.frmInputDesign.dfrminfo.value     = GetDFormLayout();
        document.frmInputDesign.postcmd.value     = "HostResChange";
        self.document.forms(    0).submit();
    }

    //当前资源的子关联资源的选择被更改
    function SubRelResChanged(){
        Hide4Dots();     //隐藏主元素的4个定位点
        DeleteDynamicAddedDots(); //移除动态添加显示的定位点

        document.frmInputDesign.dfrminfo.value     = GetDFormLayout();
        document.frmInputDesign.postcmd.value     = "SubResChange";
        self.document.forms(    0).submit();
    }

    //删除当前设计窗体
    function DeleteDesignedForm(){
        document.frmInputDesign.postcmd.value     = "DeleteForm";
        self.document.forms(    0).submit();
    }
    //-->
            </script>
        </HEAD>
        <body MS_POSITIONING="GridLayout">
                <form name="frmInputDesign" method="post"  id="frmInputDesign" enctype="multipart/form-data">


    <script language="javascript" type="text/javascript">
    <!--
            function __doPostBack(eventTarget, eventArgument) {
                var theform;
                if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
                theform     = document.frmInputDesign;
            }
                else {
                theform     = document.forms["frmInputDesign"];
            }
            theform.__EVENTTARGET.value     = eventTarget.split("$").join(":");
            theform.__EVENTARGUMENT.value     = eventArgument;
            theform.submit();
        }
    // -->
    </script>
    <script language="javascript">
    function CmsPrmoptConfirm(msg, msg2){
            if (confirm(msg) == true){
                if (msg2){
                    if (confirm(msg2) == true){
                        return true;
                }    else{
                        return false;
                }
            }    else{
                    return true;
            }
        }    else{
                return false;
        }
    }
    </script>
     1 <div id="panelForm" style="border-1px;border-style:solid;height:148px;512px;Z-INDEX: 103; LEFT: 160px; POSITION: absolute; TOP: 136px">
     2 
     3                 <IMG id="left_mid" style="DISPLAY: none; WIDTH: 6px; CURSOR: w-resize; POSITION: absolute; HEIGHT: 6px"
     4                     height="6" src="images/dot.jpg" width="6" name="left_mid" dragSign="left_mid">
     5                 <IMG id="middle_top" style="DISPLAY: none; WIDTH: 6px; CURSOR: n-resize; POSITION: absolute; HEIGHT: 6px"
     6                     height="6" src="images/dot.jpg" width="6" name="middle_top" dragSign="middle_top">
     7                 <IMG id="middle_bot" style="DISPLAY: none; WIDTH: 6px; CURSOR: s-resize; POSITION: absolute; HEIGHT: 6px"
     8                     height="6" src="images/dot.jpg" width="6" name="middle_bot" dragSign="middle_bot">
     9                 <IMG id="right_mid" style="DISPLAY: none; WIDTH: 6px; CURSOR: e-resize; POSITION: absolute; HEIGHT: 6px"
    10                     height="6" src="images/dot.jpg" width="6" name="right_mid" dragSign="right_mid">
    11                 <span id="lbl_314291914783" name="lbl_314291914783" dragSign="frmElement" ctrltype="label" ctrlreadonly="0" ctrlbitian="0" style="POSITION: absolute; HEIGHT: 20px; WIDTH: 56px;top:24px;left:10px;">文件上传</span><input name="TAB309435499140___CmsFileDoc" id="TAB309435499140___CmsFileDoc" type="file" dragSign="fileElement" ctrltype="file" ctrlreadonly="0" ctrlbitian="0" style="POSITION: absolute; HEIGHT: 20px; WIDTH: 400px;top:20px;left:72px;" disabled="disabled" /><span id="Span1" name="lbl_314291914814" dragSign="frmElement" ctrltype="label" ctrlreadonly="0" ctrlbitian="0" style="POSITION: absolute; HEIGHT: 20px; WIDTH: 56px;top:46px;left:10px; TEXT-ALIGN: right;FONT-SIZE: 12px;">编号</span><input name="TAB309435499140___FLOWCODE" type="text" value="[编号]" id="TAB309435499140___FLOWCODE" tabindex="-1" dragSign="frmElement" ctrltype="text" ctrlreadonly="0" ctrlbitian="0" maxLength="20" readOnly="true" style="POSITION: absolute; HEIGHT: 20px; WIDTH: 400px;top:42px;left:72px; TEXT-ALIGN: left;FONT-SIZE: 12px;" /><span id="Span2" name="lbl_314291914846" dragSign="frmElement" ctrltype="label" ctrlreadonly="0" ctrlbitian="0" style="POSITION: absolute; HEIGHT: 20px; WIDTH: 56px;top:68px;left:10px; TEXT-ALIGN: right;FONT-SIZE: 12px;">关键字</span><input name="TAB309435499140___DOC2_KEYWORDS" type="text" value="[关键字]" id="TAB309435499140___DOC2_KEYWORDS" tabindex="-1" dragSign="frmElement" ctrltype="text" ctrlreadonly="0" ctrlbitian="0" maxLength="200" readOnly="true" style="POSITION: absolute; HEIGHT: 20px; WIDTH: 400px;top:64px;left:72px; TEXT-ALIGN: left;FONT-SIZE: 12px;" /><span id="Span3" name="lbl_314291914877" dragSign="frmElement" ctrltype="label" ctrlreadonly="0" ctrlbitian="0" style="POSITION: absolute; HEIGHT: 20px; WIDTH: 56px;top:90px;left:10px; TEXT-ALIGN: right;FONT-SIZE: 12px;">备注</span><input name="TAB309435499140___DOC2_COMMENTS" type="text" value="[备注]" id="TAB309435499140___DOC2_COMMENTS" tabindex="-1" dragSign="frmElement" ctrltype="text" ctrlreadonly="0" ctrlbitian="0" maxLength="200" readOnly="true" style="POSITION: absolute; HEIGHT: 20px; WIDTH: 400px;top:86px;left:72px; TEXT-ALIGN: left;FONT-SIZE: 12px;" />
    12 </div>

    </form>
        </body>
    </HTML> 

    效果图如下：

     

    鼠标移上去选中相应控件即可拖动，如操作窗体控件一样方便。

  • 相关阅读:
    appium+python自动化项目实战(一)：引入nose和allure框架
    jmeter+WebDriver：启动浏览器进行web自动化
    jmeter强大的扩展插件！！
    jmeter+Fiddler：通过Fiddler抓包生成jmeter脚本
    appium+python自动化测试真机测试时报错“info: [debug] Error: Could not extract PIDs from ps output. PIDS: [], Procs: ["bad pid 'uiautomator'"]”
    Appium+python移动端自动化测试-python库及pycharm安装（二）
    Appium+python移动端自动化测试-环境搭建（一）
    安全测试之bWAPP环境搭建
    Battery Historian之App耗电量测试
    （15）Docker之用Nginx实现SpringBoot应用的负载均衡简单记录
  • 原文地址：https://www.cnblogs.com/gonganruyi/p/1626110.html
Copyright © 2011-2022 走看看