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 面向对象全新理练之继承与多态
Dec 03 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
Apr 08 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
Oct 12 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
说说AngularJS中的$parse和$eval的用法
Sep 14 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
Apr 30 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 Javascript
通过实例解析jQ Ajax操作相关原理
Sep 23 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
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学习之PHP运算符
2006/10/09 PHP
服务器web工具 php环境下
2010/12/29 PHP
php ci框架验证码实例分析
2013/06/26 PHP
ThinkPHP中ajax使用实例教程
2014/08/22 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
9个比较实用的php代码片段
2016/03/15 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
2013/10/09 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
可以浮动某个物体的jquery控件用法实例
2015/07/24 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
浅谈js中字符和数组一些基本算法题
2016/08/15 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
bootstrap模态框示例代码分享
2017/05/17 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
基于iview的router常用控制方式
2019/05/30 Javascript
封装Vue Element的table表格组件的示例详解
2020/08/19 Javascript
python 正则式使用心得
2009/05/07 Python
浅谈Python中copy()方法的使用
2015/05/21 Python
django使用admin站点上传图片的实例
2019/07/28 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
关于多元线性回归分析——Python&amp;SPSS
2020/02/24 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
J2EE面试题集锦(附答案)
2013/08/16 面试题
宝宝周岁宴答谢词
2014/01/26 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
高中学校对照检查材料
2014/08/31 职场文书
教师远程研修感悟
2015/11/18 职场文书
自荐信范文
2019/05/20 职场文书
pytorch fine-tune 预训练的模型操作
2021/06/03 Python
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android