var eposx ;

var eposy ;

function showRequest(pid,event){

eposx = event.clientX;

eposy = event.clientY;

var url="tip.jsp";

var params = 'pid='+ pid + '&time=' + (new Date()).toString() ;

sendRequest(url,params,'GET',showDetail);

}

//动态加载数据部门列表

function showDetail(){

if (httpRequest.readyState == 4) {

if (httpRequest.status == 200) {

var membersData = httpRequest.responseXML.getElementsByTagName("member");

var membersList = document.getElementById("detail");

//循环将数据插入列表框中

var li = '

for(var i=0;i

var price=membersData[i].childNodes[0].firstChild.nodeValue;

var num=membersData[i].childNodes[1].firstChild.nodeValue;

var chandi=membersData[i].childNodes[2].firstChild.nodeValue;

li += '

价格:' + price + '';

li += '

数量:' + num + '';

li += '

产地:' + chandi + '';

}

li += '

';

membersList.innerHTML = li;

setDivPosition();

membersList.style.visibility='visible';

} else { //页面不正常

alert("您请求的页面有异常");

}

}

}

function hidendiv(){

var membersList = document.getElementById("detail");

membersList.innerHTML = '';

membersList.style.visibility='hidden';

}

function setDivPosition(){

var goodslist = document.getElementById('goodslist');

eposx = goodslist.offsetLeft + goodslist.offsetWidth -2;

eposy += goodslist.offsetTop - 100;

var listdiv = document.getElementById('detail');

listdiv.style.left=eposx+'px';

listdiv.style.border='blue 1px solid';

listdiv.style.top=eposy + 'px';

listdiv.style.width='100px';

listdiv.style.zIndex='999';

}

//http://www.unitymanual.com/forum-news-1.html unity3d资讯

数据提示


商品列表:

商品A

商品B

ajax 弹框 示例,AJAX实现鼠标经过弹出详细介绍示例相关推荐

  1. if vue 跳出_vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍

    vue如何简单的实现弹框,遮罩,点击其他区域关闭弹框, 简单的思路是以一个div作为遮罩, 控制其的v-if(v-show)即可, 掌握到技巧既可以任意扩展. v-if 是直接删除dom节点, 就是这 ...

  2. 无界微前端(wujie):element-ui 弹框内使用select组件,弹出框位置异常解决方案

    element-ui 弹框内使用select组件,弹出框位置异常解决方案 只需三步,第一步: 将子应用将 body 设置为 position: relative  第二步: 在子应用的html上设置个 ...

  3. android自动化测试弹框,干货 | App 自动化测试痛点(弹框及首页启动加载完成判断处理)...

    原标题:干货 | App 自动化测试痛点(弹框及首页启动加载完成判断处理) 1. 常见痛点 App 自动化测试中有些常见痛点问题,如果框架不能很好的处理,就可能出现元素定位超时找不到的情况,自动化也就 ...

  4. 如何在html上做弹框效果,如何设计优秀的弹出框网页设计?

    最近做项目的时候,发现项目上对于弹出框网页​设计的使用有点混乱.例如,需要给用户一个操作提示,用弹出框来完成.用户对这个功能不了解,加一个"查看详情"的图标,用户点击后跳出弹出框来 ...

  5. 部分机型进行运行时权限申请时不弹出授权弹框是什么情况?百分百弹出授权弹框,要不?

    先看效果: 最近上架包到Googleplay的时候,由于targetSdkVersion低于26,被要求调整到26,那就调整呗.一调整,各种坑就来了.其他都是小坑.不讲.主要还是平时没当回事的运行时权 ...

  6. swal 弹框确定ajax,前端常用效果(layer/swal)

    1.等待状态 layer.load(1, { shade : [ 0.6, '#000' ] },function(){ }); 2.确认confirm框 layer.confirm('您确认从购物车 ...

  7. JAVA ajax搜索框_JS+Ajax实现百度智能搜索框

    首先浏览实现后的结果,输入一个a之后会出现包含a的下拉列表,当我们点击某一个的时候,搜索框中就会出现点击的值.实现所需要的主要是ajax+js. 前端search.jsp pageEncoding=& ...

  8. android自定义弹框效果合集,android 自定义弹出框AlertDialog ,很炫的哦

    于是就小小的模仿了下自己写了这个这样的效果, 主要代码如下: dlg = new AlertDialog.Builder(context).create(); dlg.show(); dlg.getW ...

  9. 前端把信息放在弹框里显示出来_jsp + js + 前端弹出框

    在项目中,前端页面我们时常需要各种各样的弹出框: 1.alert对话框:显示含有给定消息的"JavaScript Alert"对话框 代码: var a = "Hello ...

最新文章

  1. js空对象undefined
  2. 生信入门必须掌握的 30 个 Linux 命令
  3. 人工智能用python还是java_学会java和python语言,可以开始搞人工智能吗?
  4. C++学习之路—继承与派生(四)拓展与总结
  5. 第二阶段团队冲刺(七)
  6. 江西理工大学南昌校区cool code竞赛
  7. 不妨问问自己,学习C语言是为了什么?
  8. 浅析python类继承(一)
  9. poj 3468 Splay 树
  10. 找出符合下图的互联网产品实例
  11. SQL:postgresql查询、删除名字中包含某些字段的视图
  12. Ubuntu中安装ns3
  13. 论文参考文献格式与设置
  14. win7本地登录计算机,win7系统绑定微软账户到本地电脑上的具体办法
  15. Hexo文章中图片点击实现全屏查看
  16. JAVA学习day30--方法的重写
  17. 利用批处理代码快速恢复桌面图标小箭头,更可能解决win7出现黑色方块问题
  18. 递归实现在级联选择器中选择部门下的人员
  19. GIF动图制作网站!
  20. cocos2d-x的初步学习二十三之模仿微信打飞机二

热门文章

  1. trunk口_Trunk的概念与设置
  2. mysql多源复制 知乎_技术分享 | MySQL 多源复制场景分析
  3. python网络爬虫学习笔记(十一):Ajax数据爬取
  4. 洛谷 P1908 逆序对(树状数组+离散化)
  5. C语言编程规范(排版)
  6. Python——使用“_”下划线作为参数的占位符
  7. TeamViewer——Ubuntu系统上的安装和卸载
  8. 深度学习————如何在Python中求解函数的解析表达式
  9. 一行命令直接拷贝ssh公钥到远程服务器
  10. 主页所停留的时间实现交互