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 相关文章推荐
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
Nov 25 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
微信小程序中button组件的边框设置的实例详解
Sep 27 Javascript
js经验分享 JavaScript反调试技巧
Mar 10 Javascript
浅谈Webpack 是如何加载模块的
May 24 Javascript
Vue实现用户自定义字段显示数据的方法
Aug 28 Javascript
vue中npm包全局安装和局部安装过程
Sep 03 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
Nov 07 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
星际争霸秘籍
2020/03/04 星际争霸
PHP开发框架总结收藏
2008/04/24 PHP
一步一步学习PHP(4) php 函数 补充2
2010/02/15 PHP
ThinkPHP简单使用memcache缓存的方法
2016/11/15 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
laravel实现上传图片的两种方式小结
2019/10/12 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
关于IE7 IE8弹出窗口顶上
2008/12/22 Javascript
jQuery学习笔记 操作jQuery对象 属性处理
2012/09/19 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
javascript制作照片墙及制作过程中出现的问题
2016/04/04 Javascript
AngularJS实现路由实例
2017/02/12 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
[01:06]欢迎来到上海,TI9
2018/08/26 DOTA
基于python元祖与字典与集合的粗浅认识
2017/08/23 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
Python序列类型的打包和解包实例
2019/12/21 Python
Python timeit模块的使用实践
2020/01/13 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
Python读写锁实现实现代码解析
2020/11/28 Python
canvas小画板之平滑曲线的实现
2020/08/12 HTML / CSS
如何在Canvas上的图形/图像绑定事件监听的实现
2020/09/16 HTML / CSS
Tommy Hilfiger美国官网:美国高端休闲领导品牌
2019/01/14 全球购物
德国高尔夫商店:Par71.de
2020/11/29 全球购物
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
环境卫生倡议书
2014/08/29 职场文书
电台广播稿范文
2015/08/19 职场文书
P站美图推荐——变身女主角特辑
2022/03/20 日漫
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA