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 回车换行处理的办法及replace方法应用
Jan 24 Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
Nov 07 Javascript
浏览器兼容性问题大汇总
Dec 17 Javascript
jquery中validate与form插件提交的方式小结
Mar 26 Javascript
微信小程序 flex实现导航实例详解
Apr 26 Javascript
Vue.js上下滚动加载组件的实例代码
Jul 17 Javascript
js的函数的按值传递参数(实例讲解)
Nov 16 Javascript
node thread.sleep实现示例
Jun 20 Javascript
vue中引入第三方字体文件的方法示例
Dec 17 Javascript
ES6 迭代器与可迭代对象的实现
Feb 11 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
Vue 权限控制的两种方法(路由验证)
Aug 16 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使用百度ping服务代码实例
2014/06/19 PHP
19个Android常用工具类汇总
2014/12/30 PHP
微信支付的开发流程详解
2016/09/13 PHP
Symfony2创建基于域名的路由相关示例
2016/11/14 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
PHP回调函数概念与用法实例分析
2017/11/03 PHP
PHP中实现中文字串截取无乱码的解决方法
2018/05/29 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
多广告投放代码 推荐
2006/11/13 Javascript
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
JS+CSS实现精美的二级导航效果代码
2015/09/17 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
2017/04/22 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
js replace替换字符串同时替换多个方法
2018/11/27 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
[20:21]《一刀刀一天》第十六期:TI国际邀请赛正式打响,总奖金超过550万
2014/05/23 DOTA
python将文本中的空格替换为换行的方法
2018/03/19 Python
python判断输入日期为第几天的实例
2018/11/13 Python
浅谈pycharm出现卡顿的解决方法
2018/12/03 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
python将数组n等分的实例
2019/12/02 Python
Python 测试框架unittest和pytest的优劣
2020/09/26 Python
迪斯尼商品官方网站:ShopDisney
2016/08/01 全球购物
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
房产销售经理职责
2013/12/20 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
五水共治一句话承诺
2014/05/30 职场文书
节电标语大全
2014/06/23 职场文书
爱耳日宣传活动总结
2014/07/05 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
Vue鼠标滚轮滚动切换路由效果的实现方法
2021/08/04 Vue.js