显示错误层

最新推荐文章于 2024-02-22 11:21:20 发布

祥洋

最新推荐文章于 2024-02-22 11:21:20 发布

阅读量376

点赞数

分类专栏： JavaScript 文章标签： microsoft function internet border table class

本文链接：https://blog.csdn.net/regcy/article/details/3990918

版权

JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html>
<head>
<title></title>
<style>

</style>
<script type="text/javascript">
<!--
function getBrowserType() {
  var varBrowser = navigator.appName

  if (varBrowser == "Netscape") {
   return "FOX";
  } else if(varBrowser == "Microsoft Internet Explorer") {
   return "IE";
  } else {
   return "NSupport";
  }
}

function doShowErrMessage(currEvt) {
var varSelObj = document.getElementById("selErrList");
var varErrFieldObj = document.getElementById("errField");

  document.getElementById("errField").style.display = "block";
  if (getBrowserType() == "FOX") {
   varErrFieldObj.style.left = currEvt.pageX + 30;
   varErrFieldObj.style.top = currEvt.pageY;
  } else {
   varErrFieldObj.style.left = event.x + 30;
   varErrFieldObj.style.top = event.y;
  }

  for (var i = 0; i < varSelObj.length; i++) {
   if (getBrowserType() == "FOX") {
    var text = document.createTextNode(varSelObj[i].textContent);
   } else {
    var text = document.createTextNode(varSelObj[i].innerText);
   }
   var td = document.createElement("td");
   var tr = document.createElement("tr");
   var tbody = document.createElement("tbody");
   td.appendChild(text);
   tr.appendChild(td);
   tbody.appendChild(tr);
   var parNode = document.getElementById("errTable");
   parNode.appendChild(tbody);
  }
}

function doCloseErrMessage() {
delTbody();
document.getElementById("errField").style.display = "none";
}

function delTbody() {
var varTable = document.getElementById("errTable");
var varTBody = varTable.getElementsByTagName("tbody");

  while (varTBody[0] != null) {
   varTable.removeChild(varTBody[0]);
  }
}
-->
</script>
</head>
<body>
<select id="selErrList">
<option selected="true">第一行</option>
<option>第二行</option>
<option>第三行</option>
</select>
<img src="locError.gif" οnmοuseοver="doShowErrMessage(event)" οnmοuseοut="doCloseErrMessage()">
<div id="errField" class="showError">
<table border="0" cellspacing="0" cellpadding="0" id="errTable"><tbody></tbody></table>
</div>
</body>
</html>

祥洋

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
显示错误层

.showError { display: none; position: absolute; border: 1px solid red; background-color: #FFFF99; z-index: 1003; }--> function getBrowserType() { var varBrowser = navigator.appName if (varBr
复制链接

扫一扫