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实现锚点scoll效果实例分析
Mar 10 Javascript
jQuery插件制作之参数用法实例分析
Jun 01 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
node.js使用cluster实现多进程
Mar 17 Javascript
Boostrap模态窗口的学习小结
Mar 28 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
深入理解Node.js的HTTP模块
Oct 12 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
Aug 29 Javascript
纯JS实现五子棋游戏
May 28 Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 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判断远程url是否有效的几种方法小结
2011/10/08 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
PHP 9 大缓存技术总结
2015/09/17 PHP
XML的代替者----JSON
2007/07/21 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
修改好的jquery滚动字幕效果实现代码
2011/06/22 Javascript
jQuery 数据缓存模块进化史详细介绍
2012/11/19 Javascript
初识Node.js
2014/09/03 Javascript
JavaScript获取当前网页最后修改时间的方法
2015/04/03 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
JavaScript仿商城实现图片广告轮播实例代码
2016/02/06 Javascript
微信QQ的二维码登录原理js代码解析
2016/06/23 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
利用jQuery实现简单的拖曳效果实例代码
2017/10/20 jQuery
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
python numpy元素的区间查找方法
2018/11/14 Python
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
python获取Pandas列名的几种方法
2019/08/07 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
Python configparser模块应用过程解析
2020/08/14 Python
CSS3条纹背景制作的实战攻略
2016/05/31 HTML / CSS
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
师范毕业生求职自荐信
2013/09/25 职场文书
开会迟到检讨书
2014/01/08 职场文书
中专生职业生涯规划书范文
2014/01/10 职场文书
幼儿园清明节活动总结
2014/07/04 职场文书
住房租房协议书
2014/08/20 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
新郎答谢词
2015/01/04 职场文书
网吧温馨提示
2015/07/17 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
Html5获取用户当前位置的几种方式
2022/01/18 HTML / CSS
postgreSQL数据库基础知识介绍
2022/04/12 PostgreSQL