获取datalist的itemtemplate里的hyperlink控件ID

程序员秋三 2012-03-09 09:03:36

      <body onload="init()">

		<form id="Form1" method="post" runat="server"  >



			<FONT face="宋体">

			<%--<a href="www.baidu.com" ">sss</a>--%>

				<asp:DataList id="DataList1" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 0px" runat="server"

					RepeatDirection="Horizontal" ShowHeader="False" ShowFooter="False" RepeatLayout="Flow"

>

					<ItemTemplate>

                        <asp:Image ID="Image1" runat="server" Height="16px"  ></asp:Image>

                        <asp:HyperLink id="HyperLink1" runat="server" onmouseover="showImg()" onmouseout="init()">[HyperLink1]</asp:HyperLink>

       <script>

   function GetPos(obj){

      var pos=new Object();

     pos.x=obj.offsetLeft;

     pos.y=obj.offsetTop;

     while(obj=obj.offsetParent){

         pos.x+=obj.offsetLeft;

         pos.y+=obj.offsetTop;

     }

     return pos;

    }

    function init() {

        var img = window.parent.document.getElementById("thisisapic");



        if (img.style.display != "none") {

            img.style.display = "none";

        }

    }

    function showImg() {

        var url = "../../images/person.gif";

        var img = window.parent.document.getElementById("thisisapic");

       img.style.zIndex="1000";

//        img.style.position="absolute";

        img.style.width =60;

        img.style.height = 60;

//        img.style.top=200;

//        img.style.left=200;

        var hy=document.getElementById("<%=HyperLink1.ClientID%>");



        var pos=GetPos(hy);

        img.style.left=(hy.offsetWidth/2+pos.x+140)+"px";

        img.style.top=(hy.offsetHeight+pos.y+8)+"px";

        img.src = url;

        if (img.style.display == "none") {

            img.style.display = "block";

        }

    }

    </script>

错误：上下文无Hyperlink1这个东西。

...全文

208 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

程序员秋三 2012-03-09

打赏
举报

[Quote=引用 6 楼 qxj1985 的回复:]
生成页面之后你看看源代码中的HyperLink的ID是否为HyperLink1，已经变了
[/Quote]
能在说明白一点么？我看不懂啊？什么生成页面之后变了？

qxj1985 2012-03-09

打赏
举报

生成页面之后你看看源代码中的HyperLink的ID是否为HyperLink1，已经变了

holicc 2012-03-09

打赏
举报

那你换一种方式了，http://www.cnblogs.com/qzzm/articles/1158678.html你看看

程序员秋三 2012-03-09

打赏
举报

[Quote=引用 3 楼 holicc 的回复:]
var hy=document.getElementById("HyperLink1"); 试一下
[/Quote]
弹出的alert为null

holicc 2012-03-09

打赏
举报

var hy=document.getElementById("HyperLink1"); 试一下

程序员秋三 2012-03-09

打赏
举报

[Quote=引用 1 楼 hrabeyond 的回复:]
<form id="Form1" method="post" runat="server" clientidmodel="static" >

试下
[/Quote]
试了，还是为空。但是，我这段代码竟然在w3c school提供的编译器编译成功，这是为什么呢，我用的vs2005.vs2005就失败。

手抓宝 2012-03-09

打赏
举报

<form id="Form1" method="post" runat="server" clientidmodel="static" >

试下

华华果果 2012-03-09

打赏
举报

假如id为33时，HyperLink33
var hy=document.getElementById("HyperLink33"); 试一下

如果还不行,那可能页面中你用了母版页，你应该在运行后的页面中查看html源码,比如叫ctl00_cpContent_HyperLink33,那么你用

var hy=document.getElementById("ctl00_cpContent_HyperLink33");

孟子E章 2012-03-09

打赏
举报

因为是ItemTemplate，所以，里面会有很多的<asp:HyperLink id="HyperLink1"，客户端的id是必须变的，否则，你是无法识别出来的

孟子E章 2012-03-09

打赏
举报

<asp:HyperLink id="HyperLink1" runat="server" onmouseover="showImg()" onmouseout="init()">[HyperLink1]</asp:HyperLink>
改成
<asp:HyperLink id="HyperLink1" runat="server" onmouseover="showImg(this)" onmouseout="init(this)">[HyperLink1]</asp:HyperLink>

function showImg() {
相应改成
function showImg(x) {
alert(x.id)
...

var hy=x;

就可以了

华华果果 2012-03-09

打赏
举报

1,在itemplate中设置hyperlink的id值id='HyperLink<%# Eval("Id")%>'

<asp:HyperLink id='HyperLink<%# Eval("Id")%>' runat="server" onmouseover="showImg()" onmouseout="init()">[HyperLink1]</asp:HyperLink>

2,假如id为33时，HyperLink33

var hy=document.getElementById("HyperLink33"); 试一下

如果你要遍历hyperlink，用jquery来做会更方便

如果帮上忙，多给点分哈