JQuery 弹出框定位实现方法


Posted in Javascript onDecember 02, 2010

代码:

//页面代码 (简化) 
<asp:TextBox ID="tbOperation2" runat="server" onclick="buttonclick($(this))" 
CssClass="ui-button-icons-only" Text="按钮"></asp:TextBox> 
<div id="editdialog" title="Basic dialog"> 
<div> 
<label onclick="clickEdit();" class="labelbutton"> 
Edit</label> 
</div> 
<div> 
<label onclick="clickView();" class="labelbutton"> 
View</label> 
</div> 
<div> 
<label onclick="clickBuild();" class="labelbutton"> 
Build</label> 
</div> 
</div> 
<script type="text/javascript"> //页面初始化的时候 
var staticsignal; 
$(function() { 
// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! 
$(":input.ui-button-icons-only").button(); //更改textbox的样式 
}); 
</script> 
<script type="text/javascript"> 
function buttonclick(e) 
{ 
var offset=e.offset();//得到offset 
var x=offset.left; 
var y=offset.top; 
$("#editdialog").dialog({ 
autoOpen:true, 
draggable:true, 
resizable:false, 
position:[x,y+35], //设置坐标 
width:150 
}); 
$(".ui-dialog-titlebar").hide(); 
$('a.ui-dialog-titlebar-close').hide(); 
staticsignal=e; 
} 
</script>

哈哈 其实很简单 但是其中包含的东西比较多,具体请查阅资料~
Javascript 相关文章推荐
jquery关于图形报表的运用实现代码
Jan 06 Javascript
50款非常棒的 jQuery 插件分享
Mar 29 Javascript
Javascript模拟加速运动与减速运动代码分享
Dec 11 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 Javascript
jQuery中页面返回顶部的方法总结
Dec 30 Javascript
深入浅析ES6 Class 中的 super 关键字
Oct 20 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
微信小程序自定义带价格显示日历效果
Dec 29 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
JS实现动态星空背景效果
Nov 01 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
Jquery replace 字符替换实现代码
Dec 02 #Javascript
jquery json 实例代码
Dec 02 #Javascript
JavaScript格式化数字的函数代码
Nov 30 #Javascript
JavaScript中使用正则匹配多条,且获取每条中的分组数据
Nov 30 #Javascript
基于prototype扩展的JavaScript常用函数库
Nov 30 #Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
Nov 30 #Javascript
学习面向对象之面向对象的术语
Nov 30 #Javascript
You might like
一个比较简单的PHP 分页分组类
2009/12/10 PHP
分享一个PHP数据流应用的简单例子
2012/06/01 PHP
php如何调用webservice应用介绍
2012/11/24 PHP
又一个PHP实现的冒泡排序算法分享
2014/08/21 PHP
PHP将URL转换成短网址的算法分享
2016/09/13 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
判断iframe是否加载完成的完美方法
2010/01/07 Javascript
dess中一个简单的多路委托的实现
2010/07/20 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
2013/11/18 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
浅谈Javascript实现继承的方法
2015/07/06 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
原生js实现无限循环轮播图效果
2017/01/20 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
2017/04/19 Javascript
Jquery获取radio选中的值
2017/05/05 jQuery
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
[04:13]2014DOTA2国际邀请赛 专访DC目前形势不容乐观
2014/07/12 DOTA
centos6.7安装python2.7.11的具体方法
2017/01/16 Python
python3设计模式之简单工厂模式
2017/10/17 Python
Django实现快速分页的方法实例
2017/10/22 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
Python3中urlencode和urldecode的用法详解
2019/07/23 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
pytorch Dataset,DataLoader产生自定义的训练数据案例
2021/03/03 Python
全球立体声:World Wide Stereo
2018/09/29 全球购物
英国工作场所设备购买网站:Slingsby
2019/05/03 全球购物
介绍一下Linux文件的记录形式
2013/09/29 面试题
电子商务专业学生的学习自我评价
2013/10/27 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
家教广告词
2014/03/19 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
导游词之青岛崂山
2019/12/27 职场文书
python实现Thrift服务端的方法
2021/04/20 Python
万能密码的SQL注入漏洞其PHP环境搭建及防御手段
2021/09/04 SQL Server