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 相关文章推荐
js判断是否为ie的方法小结
Jan 13 Javascript
jquery中one()方法的用法实例
Jan 16 Javascript
JavaScript中实现sprintf、printf函数
Jan 27 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
Nov 24 Javascript
js获取html的span标签的值方法(超简单)
Jul 26 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
Vue.js实现移动端短信验证码功能
Mar 29 Javascript
JS获取一个表单字段中多条数据并转化为json格式
Oct 17 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
微信小程序实现的图片保存功能示例
Apr 24 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
Sep 18 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
PHP4 与 MySQL 数据库操作函数详解
2006/12/06 PHP
ThinkPHP采用实现三级循环代码实例
2014/07/18 PHP
php实现爬取和分析知乎用户数据
2016/01/26 PHP
ThinkPHP框架结合Ajax实现用户名校验功能示例
2019/07/03 PHP
js获取图片长和宽度的代码
2009/11/24 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
使用jQuery操作HTML的table表格的实例解析
2016/03/13 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
2018/10/24 jQuery
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
Vue实现图片轮播组件思路及实例解析
2020/05/11 Javascript
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
python getopt模块使用实例解析
2019/12/18 Python
python多线程使用方法实例详解
2019/12/30 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
医院护理人员的自我评价分享
2013/10/04 职场文书
英语自荐信常用语句
2013/12/13 职场文书
超市仓管员岗位职责
2014/04/07 职场文书
政治学求职信
2014/06/03 职场文书
安全生产工作汇报
2014/10/28 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
高三教师工作总结2015
2015/07/21 职场文书
创业计划书详解
2019/07/19 职场文书
2019预备党员转正申请书模板2篇!
2019/08/07 职场文书
《亲亲我的妈妈》观后感(3篇)
2019/09/26 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
python数字类型和占位符详情
2022/03/13 Python
Windows 64位 安装 mysql 8.0.28 图文教程
2022/04/19 MySQL
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers