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 相关文章推荐
WordPress 插件——CoolCode使用方法与下载
Jul 02 Javascript
jQuery 1.2.x 升? 1.3.x 注意事项
May 06 Javascript
JavaScript中的null和undefined解析
Apr 14 Javascript
js判断浏览器类型的方法
Aug 07 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
jquery选择器需要注意的问题
Nov 26 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
微信小程序加载更多 点击查看更多
Nov 29 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
webpack开发环境和生产环境的深入理解
Nov 08 Javascript
VuePress 静态网站生成方法步骤
Feb 14 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
Feb 21 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面向对象分析设计的61条军规小结
2010/07/17 PHP
php json_encode值中大括号与花括号区别
2013/09/30 PHP
yii分页组件用法实例分析
2015/12/28 PHP
jquery 倒计时效果实现秒杀思路
2013/09/11 Javascript
js Date概念详细介绍
2013/11/22 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
jquery.validate使用详解
2016/06/02 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
Vue.js常用指令之循环使用v-for指令教程
2017/06/27 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
[00:35]DOTA2上海特级锦标赛 Newbee战队宣传片
2016/03/03 DOTA
Django学习笔记之Class-Based-View
2017/02/15 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
使用python实现tcp自动重连
2017/07/02 Python
Python实现的多进程和多线程功能示例
2018/05/29 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
个人简历自我鉴定
2013/10/11 职场文书
个人实用简单的自我评价
2013/10/19 职场文书
2013英文求职信模板范文
2013/11/15 职场文书
大学生演讲稿范文
2014/01/11 职场文书
运动会入场词60字
2014/02/15 职场文书
新学期决心书
2014/03/11 职场文书
学校节能减排方案
2014/06/13 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
群众路线教育实践活动学习笔记
2014/11/05 职场文书
工作表扬信范文
2015/01/17 职场文书
2015员工年度考核评语
2015/03/25 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书
王亚平太空授课观后感
2015/06/12 职场文书
悬崖上的金鱼姬观后感
2015/06/15 职场文书
python3.7.2 tkinter entry框限定输入数字的操作
2021/05/22 Python