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的无缝循环新闻列表插件
Mar 07 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
JS实现星星评分功能实例代码(两种方法)
Jun 09 Javascript
jQuery下拉框的简单应用
Jun 24 Javascript
JS和canvas实现俄罗斯方块
Mar 14 Javascript
javascript 中的try catch应用总结
Apr 01 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
Angularjs添加排序查询功能的实例代码
Oct 24 Javascript
利用Node.js批量抓取高清妹子图片实例教程
Aug 02 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
vue 动态组件用法示例小结
Mar 06 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提取视频网站页面中的FLASH地址的代码
2010/04/17 PHP
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
Ext JS Grid在IE6 下宽度的问题解决方法
2009/02/15 Javascript
浅谈javascript的数据类型检测
2010/07/10 Javascript
读jQuery之八 包装事件对象
2011/06/21 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
2014/08/30 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
Angular2使用Augury来调试Angular2程序
2017/05/21 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
2018/09/07 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
详解K-means算法在Python中的实现
2017/12/05 Python
python安装本地whl的实例步骤
2019/10/12 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
你懂得怎么写自荐信吗?
2013/12/27 职场文书
银行演讲稿范文
2014/01/03 职场文书
学校大课间活动方案
2014/01/30 职场文书
《火烧云》教学反思
2014/04/12 职场文书
初中体育教学随笔
2015/08/15 职场文书
外出考察学习心得体会
2016/01/18 职场文书
分析Python list操作为什么会错误
2021/11/17 Python
MySQL范围查询优化的场景实例详解
2022/06/10 MySQL
Vue Element plus使用方法梳理
2022/12/24 Vue.js