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 JSQL,SQL无处不在,
May 05 Javascript
Chosen 基于jquery的选择框插件使用方法
May 30 Javascript
JS控制图片等比例缩放的示例代码
Dec 24 Javascript
父节点获取子节点的字符串示例代码
Feb 26 Javascript
js实现千分符和保留几位小数的简单实例
Aug 01 Javascript
微信JS接口大全
Aug 25 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
Dec 05 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
利用CDN加速react webpack打包后的文件详解
Feb 22 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
vue-router之解决addRoutes使用遇到的坑
Jul 19 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
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
dede全站URL静态化改造[070414更正]
2007/04/17 PHP
Php Image Resize图片大小调整的函数代码
2011/01/17 PHP
PHP中call_user_func_array回调函数的用法示例
2016/11/26 PHP
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
2012/01/13 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
JS弹出层的显示与隐藏示例代码
2013/12/27 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
JS常用知识点整理
2017/01/21 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
2017/02/09 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
Vue基于NUXT的SSR详解
2017/10/24 Javascript
vue router 跳转时打开新页面的示例方法
2019/07/28 Javascript
JS模拟浏览器实现全局搜索功能
2019/09/11 Javascript
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
零基础学Python(一)Python环境安装
2014/08/20 Python
Python MySQLdb Linux下安装笔记
2015/05/09 Python
django开发教程之利用缓存文件进行页面缓存的方法
2017/11/10 Python
python pexpect ssh 远程登录服务器的方法
2019/02/14 Python
详解python数据结构和算法
2019/04/18 Python
python set内置函数的具体使用
2019/07/02 Python
Python列表解析操作实例总结
2020/02/26 Python
物业管理大学生个人的自我评价
2013/10/10 职场文书
采购内勤岗位职责
2013/12/10 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
集体备课反思
2014/02/12 职场文书
工程造价专业大学生职业规划范文
2014/03/09 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
大型营销活动计划书
2014/04/28 职场文书
班级元旦晚会开幕词
2015/01/29 职场文书
大学生简历自我评价2015
2015/03/03 职场文书
黄埔军校观后感
2015/06/10 职场文书