Repeater或者GridView 鼠标移到行的时候显示行的信息

靓仔 2010-12-02 09:14:44

如题大家帮忙啊

...全文

414 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhang_13245768 2010-12-02

打赏
举报



function Show(qusetion, divID, objID) {

    divID.getElementsByTagName("table")[0].rows[0].cells[0].appendChild(getobjectid(objID));

    if (qusetion.length > 0 && qusetion != null) {



        qusetion = qusetion.replace(/<\/?.+?>/g, ""); //html2txt 去掉html标记

        qusetion = qusetion.replace(/\n|\r/g, ""); //去掉换行 

        document.getElementById(objID).innerHTML = qusetion;

        x = event.clientX + document.body.scrollLeft;

        y = event.clientY + document.body.scrollTop + 30;

        if(x>screen.width/2)

            x-=380;

        if(y>screen.height/2)

            y-=200;

        divID.style.display = "block";

        divID.style.left = x;

        divID.style.top = y;

    }



}



function ShowDiv(content)

        {

             var divID = $get("div_extendinfo");

             var objID = $get("td_extendinfo");

             Show(content,divID,objID.id);

        }



        function Hide()

        {

           div_extendinfo.style.display="none";

        }







<div id="div_extendinfo" style="display: none; position: absolute">

                                                <table border="0" cellpadding="0" bgcolor="#6699ff">

                                                    <tr>

                                                        <td id="td_extendinfo" height="25px" style="background-image: url(../../../images/win_top.png);

                                                            font-weight: bold; color: white">

                                                        </td>

                                                    </tr>

                                                </table>

                                            </div>



 e.Row.Cells[2].Attributes.Add("onmousemove", "ShowDiv('" + drv["customername"].ToString() + "')");

                e.Row.Cells[2].Attributes.Add("onmouseout", "Hide();");

学会思考 2010-12-02

打赏
举报

把信息放DIV里面？

qjmay860909 2010-12-02

打赏
举报

类似于光棒效果吧，
http://blog.163.com/kuanglong_zhu/blog/static/172265299201001313345298/ 看看这个吧

polarissky 2010-12-02

打赏
举报

显示什么信息？直接绑定元素的title属性不行？
或者写脚本

baysos 2010-12-02

打赏
举报

是alt效果？那岂不是直接绑定title就行？

阿彪兄 2010-12-02

打赏
举报

RowDataBound事件中用js加个onmouseover事件

anliuty 2010-12-02

打赏
举报

怎么显示，问题说清楚啊

wuyq11 2010-12-02

打赏
举报

鼠标移上全部显示用ToolTip,
<style type="text/css">
.div
{
display: block;
width: 100px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
</style>
<asp:Label ID="Label1" runat="server" Text='<%# Eval("字段") %>' CssClass="div"></asp:Label>
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
((Label)e.Row.Cells[0].FindControl("Label1")).ToolTip = ((Label)e.Row.Cells[0].FindControl("Label1")).Text;
}
}
或
<asp:GridView ID="gv" runat="server" OnRowDataBound="gv_RowDataBound"></asp:GridView>
<div id="divResult" onmouseout="this.style.display='none';" style =" border :solid 1px red; background :#f0f0f0; display :none ; position :absolute">
</div>
onmousemove显示

yan19861206 2010-12-02

打赏
举报

你说那个叫做显示层在列表里添加一个方法就行了给你写个方法你看看是不是和这个类似的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.pop{width:357px;height:194px;background:url(http://www.code-design.cn/eg/bgUserCard.gif) no-repeat;position:absolute;display:none;}
.pop .ct{margin:10px 10px 10px 60px;}
</style>
</HEAD>

<BODY>

<div class="pop" id="popDV" onmouseout="hide(event)" onmouseover="clearTimeout(mouseOutTimer)"><div class="ct">内容内容内容内容<a href="http://www.code-design.cn">编程设计网</a>内容内容内容内容内容内容</div></div>
<div id="dvCT">今天上班公司要我做一个鼠标事件，要求就象goolge翻译里面，翻译后生成的一个页面,<a href="#">鼠标悬停在一个文本</a>上面弹出一个框框样的东西，本来感觉还比较容易做的，就是一个悬停事件，<a href="#"> 显示层</a>就可以了，后面才发现，要弹出的那个框框形状有点特别，不知道哪位大虾知道用js画形状比较特别的框?</div>
<script type="text/javascript">
function getAbsolutePosition(o){//获取对象的绝对位置
var p={x:o.offsetLeft,y:o.offsetTop};
while(o=o.offsetParent){
p.x+=o.offsetLeft;p.y+=o.offsetTop;
}
return p;
}

function showPopUp(){//
var p=getAbsolutePosition(this),popDV=document.getElementById('popDV');
popDV.style.left=p.x+this.offsetWidth+'px';
popDV.style.top=p.y+'px';
popDV.style.display='block';
}
var mouseOutTimer=false;
window.onload=function(){//加载完毕后给a标签添加事件
var as=document.getElementById('dvCT').getElementsByTagName('a');
for(var i=0;i<as.length;i++){
as[i].onmouseover=showPopUp;
as[i].onmouseout=function(){mouseOutTimer=setTimeout(function(){hide(true);},100);}
}
}
function hide(e){
var dv=document.getElementById('popDV');
if(e===true)dv.style.display='none';//计时器直接隐藏
else{//如果鼠标从弹出层移出时，需要判断是否是移动到弹出层里面的子控件上了，因为移动到子控件，如a标签等上时，也会触发onmuseout事件
var refObj=e.toElement||e.relatedTarget;
if(!dv.contains(refObj))dv.style.display='none';//不是div的子控件则隐藏
}

}
if(typeof HTMLElement!='undefined')HTMLElement.prototype.contains=function(o){//扩展非IE浏览器下的contains方法
if(this==o)return true;
while(o=o.parentNode)if(o==this)return true;
return false;
}
</script>

</BODY>
</HTML>

靓仔 2010-12-02