如何给Asp.Net表格或控件加上自定义的提示框？

Posted on 2006-05-17 10:14 且行且思阅读(711) 评论(0) 编辑收藏举报

aspx页面:

<a href=# onClick='Play("<%#DataBinder.Eval(Container.DataItem,"mid")%>");return false;'
           onmouseover='showTip2(this, popTip, "歌曲名：<%#DataBinder.Eval(Container.DataItem,"mname") %>"
                   +"<br>所属专辑：<%#DataBinder.Eval(Container.DataItem,"cname") %>"
                   +"<br>演唱者：<%#DataBinder.Eval(Container.DataItem,"msinger") %>"
                   +"<br>点击数：<%#DataBinder.Eval(Container.DataItem,"mhits") %>"
                   +" | <%#DataBinder.Eval(Container.DataItem,"mstar") %>星级"
                   +"<br>添加人：<%#DataBinder.Eval(Container.DataItem,"uname") %>"
                   +"<br>添加时间：<%#DataBinder.Eval(Container.DataItem,"mtime") %>")'
           onmouseout="hideTip(this, popTip, event)">

++++++++++++++++++++++++++++++++++++++++++
以下为js部分，请另存为相应名称的js文件

document.writeln("<style>.popmenu {position:absolute; background-color:#e9ffd8; border:1px solid #fed070; padding-left:5; width:60;}</style>");
document.writeln("<div id=popMenu class=popmenu style='display:none' onmouseout='hideSelf(this, event)'></div>");
var popup_menu = null;
document.onclick = new Function("showPopupMenu(null)")

function showPopupMenu(el, m, cuuid, user) {
if (m) {
  m.style.display='';
  m.style.left = getPos(el,"Left") + el.offsetWidth;
  m.style.top = getPos(el,"Top");
  m.innerHTML = "<a href=http://alumni.chinaren.com/online/online_sendmsg.jsp?classuuid=" + cuuid + "&towho=" + user + " class=cla2>·123123</a><br>";
  m.innerHTML += "<a href=http://alumni.chinaren.com/class/class_personal.jsp?userid=" + user + "&classuuid=" + cuuid + "&quuid=1 class=cla2>123123124</a>";
}
if ((m!=popup_menu) && (popup_menu)) popup_menu.style.display = 'none';
popup_menu = m;
}

function hidePopupMenu(el, m, e) {
var cx, cy;
if (!e) {
  cx = window.event.x;
  cy = window.event.y;
} else {
  cx = e.clientX;
  cy = e.clientY;
}

if (el && m && m.style.display=='') {
  if ((document.body.scrollLeft + cx > el.offsetLeft)
    && (document.body.scrollLeft + cx < el.offsetLeft + el.offsetWidth)
    && (document.body.scrollTop + cy > el.offsetTop)
    && (document.body.scrollTop + cy < el.offsetTop + el.offsetHeight)
    || (document.body.scrollLeft + cx > m.offsetLeft)
    && (document.body.scrollLeft + cx < m.offsetLeft + m.offsetWidth)
    && (document.body.scrollTop + cy > m.offsetTop)
    && (document.body.scrollTop + cy < m.offsetTop + m.offsetHeight)) {
  } else {
   m.style.display = 'none';
  }
}
}

function dn() {}

//////////////////////////////////////////////////////////////////////////

document.writeln("<style>.tipdiv {font-family:verdana, arial, helvetica; font-size:12px; color:black; background-color:lightyellow; border:black 1px solid; padding:1px;}</style>");
document.writeln("<div id=popTip class=tipdiv style='position:absolute;display:none;' onmouseout='hideSelf(this, event)'></div>");

var popup_tip = null;

function getPos(el,sProp) {
var iPos = 0;
while (el!=null) {
iPos+=el["offset" + sProp];
el = el.offsetParent;
}
return iPos;
}

var waitTimer = "";
var intervalSeconds = 2000;

function startTimer(el, m, tipArr) {
        if (waitTimer=="") {
                waitTimer = window.setInterval("showTip3(" + el + ", " + m + ", " + tipArr + ")", intervalSeconds);
        } else {
                stopTimer();
        }
}

function stopTimer() {
        if (waitTimer!="") {
                window.clearInterval(waitTimer);
                waitTimer = "";
        }
}

}

function hideTip(el, m, e) {
var cx, cy;
if (!e) {
  cx = window.event.x;
  cy = window.event.y;
} else {
  cx = e.clientX;
  cy = e.clientY;
}

function hideSelf(m, e) {
var cx, cy;
if (!e) {
  cx = window.event.x;
  cy = window.event.y;
} else {
  cx = e.clientX;
  cy = e.clientY;
}

if (m.style.display=='') {
  if ((document.body.scrollLeft + cx >= m.offsetLeft)
  && (document.body.scrollLeft + cx <= m.offsetLeft + m.offsetWidth)
  && (document.body.scrollTop + cy >= m.offsetTop)
  && (document.body.scrollTop + cy <= m.offsetTop + m.offsetHeight)) {
  } else {
   m.style.display = 'none';
   m.innerHTML = "";
  }
}
}

会员力量，点亮园子希望

刷新页面返回顶部

明天的明天永远的永远未知的一切我与你一起承担 ??

公告