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 相关文章推荐
用Javascript 和 CSS 实现脚注(Footnote)效果
Sep 09 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
js简单实现HTML标签Select联动带跳转
Oct 23 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
js面向对象编程总结
Feb 16 Javascript
JS常用正则表达式总结【经典】
May 12 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 Javascript
JavaScript继承的三种方法实例
May 12 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动态生成VRML网页
2006/10/09 PHP
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
php插入mysql数据返回id的方法
2018/05/31 PHP
一个javascript图片阅览组件
2010/11/09 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
查找页面中所有类为test的结点的方法
2014/03/28 Javascript
让alert不出现弹窗的两种方法
2014/05/18 Javascript
javascript进行数组追加方法小结
2014/06/16 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
2016/09/17 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
vue 项目如何引入微信sdk接口的方法
2017/12/18 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
详解webpack打包后如何调试的方法步骤
2018/11/07 Javascript
利用jquery和BootStrap实现动态滚动条效果
2018/12/03 jQuery
抖音上用记事本编写爱心小程序教程
2019/04/17 Javascript
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
Vue 数据绑定的原理分析
2020/11/16 Javascript
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
Python for Informatics 第11章之正则表达式(四)
2016/04/21 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
伦敦哈德森鞋:Hudson Shoes
2018/02/06 全球购物
HEMA英国:荷兰原创设计
2018/08/28 全球购物
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
乡村文明行动实施方案
2014/03/29 职场文书
党支部创先争优公开承诺书
2015/04/30 职场文书
python析构函数用法及注意事项
2021/06/22 Python