`

获取控件的绝对位置 和 宽度和高度

阅读更多

function WebForm_GetElementPosition(element) {
    var result = new Object();
    result.x = 0;
    result.y = 0;
    result.width = 0;
    result.height = 0;
    if (element.offsetParent) {
        result.x = element.offsetLeft;
        result.y = element.offsetTop;
        var parent = element.offsetParent;
        while (parent) {
            result.x += parent.offsetLeft;
            result.y += parent.offsetTop;
            var parentTagName = parent.tagName.toLowerCase();
            if (parentTagName != "table" &&
                parentTagName != "body" &&
                parentTagName != "html" &&
                parentTagName != "div" &&
                parent.clientTop &&
                parent.clientLeft) {
                result.x += parent.clientLeft;
                result.y += parent.clientTop;
            }
            parent = parent.offsetParent;
        }
    }
    else if (element.left && element.top) {
        result.x = element.left;
        result.y = element.top;
    }
    else {
        if (element.x) {
            result.x = element.x;
        }
        if (element.y) {
            result.y = element.y;
        }
    }
    if (element.offsetWidth && element.offsetHeight) {
        result.width = element.offsetWidth;
        result.height = element.offsetHeight;
    }
    else if (element.style && element.style.pixelWidth && element.style.pixelHeight) {
        result.width = element.style.pixelWidth;
        result.height = element.style.pixelHeight;
    }
    return result;
}
分享到:
评论

相关推荐

    c# 最完整的控件属性说明

    最完整的控件属性说明 对开发C#绝对有帮助 C#控件及常用设计整理 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 (2) WindowState属性: 用来获取...

    asp上传下载控件,生成缩略图

    path:要保存的文件路径 Width:新的图片的宽度 Height:新的图片的高度 Drawbox:是否生成边框,0不生成,1生成 强迫用户用IE下载文件DownFile(FileName)参数:filename要下载的文件名,需在服务器上的绝对目录 ...

    商用版本文本编辑器DotNetTextBoxV6.0.8Source 源码

    4)新增GetImagesUrl属性,可以通过该属性获取控件提交内容里所有图片的URL地址(Webeditor1.GetImagesUrl[图片序号].ToString()),得到的图片地址将可用于首页新闻的图片显示或幻灯片显示。 2008/2/28 Version 5.0.0...

    DotNetTextBox V6.0.10 商业版 下载 (已知最新)

    4)新增GetImagesUrl属性,可以通过该属性获取控件提交内容里所有图片的URL地址(Webeditor1.GetImagesUrl[图片序号].ToString()),得到的图片地址将可用于首页新闻的图片显示或幻灯片显示。 2008/2/28 Version ...

    JavaScript详解(第2版)

     12.6.2 改变图片的高度和宽度属性   12.7 应知应会   练习   第13章 事件处理   13.1 事件处理函数介绍   13.2 事件处理的内联模型   13.2.1 HTML和事件处理函数   13.2.2 设置事件处理函数...

    《程序天下:JavaScript实例自学手册》光盘源码

    2.7 取得控件的绝对位置 2.8 删除时的确认提示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果...

    程序天下:JavaScript实例自学手册

    2.7 取得控件的绝对位置 2.8 删除时的确认提 示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页...

    超实用的jQuery代码段

    2.21 为表单内控件设定缺省数值和文本 2.22 防止单个页面重复提交按钮 2.23 取得列表控件选中的option对象 2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用...

    HTML5与CSS3基础教程(第8版)高清文字

    11.7 设置元素的高度和宽度 214 11.8 在元素周围添加内边距 217 11.9 设置边框 219 11.10 设置元素周围的外边距 222 11.11 使元素浮动 224 11.12 控制元素浮动的位置 226 11.13 对元素进行相对...

    css入门笔记

    改变元素的宽度和高度 2.语法 width:宽度 取值:px % min-width:最小宽度 max-width:最大宽度 height:高度 取值:px % min-height:最小高度 max-height:最大高度 3.页面中允许修改尺寸的元素 1.所有的块...

    hhfeditor3.0在线编辑器

    在调用编辑器控件的页面使用Session('Editorwidth')来设置宽度、使用Session('Editorheight')来设置高度例如:[注:C#语言和VB语言调用写法上有点区别,请参考本文头部]以上其他的session变量也是来控制编辑器用的。...

    易语言 茶凉专用模块

    参数 窗口新宽度, 整数型, 可空, 可空:原宽度不变 .参数 窗口新高度, 整数型, 可空, 可空:原高度不变 .子程序 窗口隐藏显示, 逻辑型, 公开, 显示隐藏指定句柄的窗口(如果显示则隐藏:返回假,如果隐藏则显示:返回真) ...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 GCF 谷歌内嵌浏览器框架, 使用此插件,用户可以通过Internet Explorer的用户界面,以Chrome内核的渲染方式...

    从入门到精通HTML5——PDF——网盘链接

     3.4.2 设置水平线的宽度与高度  ——width、height 57  3.4.3 设置水平线的颜色——color 58  3.4.4 设置水平线的对齐方式——align 59  3.4.5 去掉水平线阴影——noshade 60  3.5 其他文字标记 60  3.5.1 ...

    HGE_系列教材(1-9)

    读取和渲染(render)位图字体,多种字体排列方式,旋转和缩放字体,字符串宽度计 算等 <3> 粒子系统(particle systems)和网格变形(distortion mesh) 高效的粒子系统,可用于创建烟雾、爆炸、魔法效果等,提供...

    js使用小技巧

    获取选中内容 document.selection.createRange().duplicate().text 自动完成功能 打开该功能 关闭该功能 窗口最大化 (window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> 无关闭...

    精易模块[源码] V5.15

    1、修复“输入法类”绝对路径不正确BUG。 2、改善“类_内存”读写内存失败返回不正确值问题。感谢易友【stft】建议。 3,网页访问_对象()增加一个参数,用来保存网页返回状态代码。 4、改善(字节集_取左边|取右边|...

    无限菜单之 xml+popup 版(IE5.5+)

    // 计算popup内容的实际宽度高度 oPopup.show(0, 0, 1, 1, obj); var width = oPopup.document.body.scrollWidth; var height = oPopup.document.body.scrollHeight; oPopup.hide(); // 显示菜单...

    大名鼎鼎SWFUpload- Flash+JS 上传

    SWFUpload并不是拖放式的上传控件,它需要JavaScript和DOM的知识。一些可用的演示展示了它能够完成什么事情以及它是如何完成这些常见的任务。 SWFUpload由4部分组成: 初始化和设置 JavaScript 库: SWFUpload.js...

    补丁模块(带源码)InlinePatch,Hook,内存DLL注入等等

    子程序 取路径文件名, 文本型, 公开, 根据文件路径获取文件名 .参数 路径, 文本型, , 文件完整路径 .子程序 取线程起始地址, 整数型, 公开, 失败返回0 .参数 参数_dwThreadId, 整数型 .子程序 去除空格, 文本型, ...

Global site tag (gtag.js) - Google Analytics