科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道应用软件用javascript来显示HTML控件的位置即javascript文件在ASP.NET中的运用

用javascript来显示HTML控件的位置即javascript文件在ASP.NET中的运用

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

用javascript来显示HTML控件的位置,并且可以把多个javascript方法放入.JS文件里,在ASP.NET中的调用.

作者:hufengwen 来源:CSDN 2008年3月29日

关键字: ASP.NET html JavaScript Web开发 软件

  • 评论
  • 分享微博
  • 分享邮件
1. 首先在HTML的HEAD里加入:

  <meta content="JavaScript" name="vs_defaultClientScript">

<script language="javascript" src="../../Script/persistlocation.js"></script>

2.写好上面目录下的javascript文件:

如:

/**********************************************************
* In order to get the position of HTML element,we provide *
* this file.It is a javascript code.                      *
* Written by Yuzhibin                                     *
* Created on July 9 2004                                  *
*                                                         *
*                                                         *
***********************************************************/
function getX(elementID)
{
        var el = elementID
        return el.offsetLeft
   
}
   
function getY(elementID)
{
        var el = elementID
        return el.offsetTop
   
}
 
function getElementPositionX(elemID)
{
   var offsetTrail = document.getElementById(elemID);
   var offsetLeft = 0;
  
   while(offsetTrail)
   {
      offsetLeft += offsetTrail.offsetLeft;
      offsetTrail = offsetTrail.offsetParent;
   }
  
    if (navigator.userAgent.indexOf("Mac") != -1 &&
        typeof(document.body.leftMargin) != "undefined") {
        offsetLeft += document.body.leftMargin;
    }
   
    return offsetLeft;
}
 
function getElementPositionY(elemID)
{
   var offsetTrail = document.getElementById(elemID);
   var offsetTop = 0;
  
   while(offsetTrail)
   {
      offsetTop += offsetTrail.offsetTop;
      offsetTrail = offsetTrail.offsetParent;
   }
  
    if (navigator.userAgent.indexOf("Mac") != -1 &&
        typeof(document.body.leftMargin) != "undefined") {
        offsetTop += document.body.topMargin;
    }
    return offsetTop;
}
function getElementPositionXY(elemID)
{
   var offsetTrail = document.getElementById(elemID);
   var offsetLeft = 24;
   var offsetTop =0;
  
   while(offsetTrail)
   {
      offsetLeft += offsetTrail.offsetLeft;
      offsetTop += offsetTrail.offsetTop;
      offsetTrail = offsetTrail.offsetParent;
   }
  
    if (navigator.userAgent.indexOf("Mac") != -1 &&
        typeof(document.body.leftMargin) != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetLeft += document.body.leftMargin;
    }
   document.getElementById("txt_left").innerText = offsetLeft;
   document.getElementById("txt_top").innerText = offsetTop;
}

3. 在.CS下直接用下面的方式调用:

rhombusCalendar.pTop = "javascript:getX(btn_customerRequestDateFrom)";

或:   btnCtrlAddress1.Attributes["onclick"] = "javascript:getElementPositionXY('"+lblCtrlAddress1.ClientID+"')";

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章