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 相关文章推荐
encode脚本和normal脚本混用的问题与解决方法
Mar 08 Javascript
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
Apr 29 Javascript
利用javascript实现web页面中指定区域打印
Oct 30 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
May 28 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
SpringMVC简单整合Angular2的示例
Jul 31 Javascript
解决vue单页路由跳转后scrollTop的问题
Sep 03 Javascript
在微信小程序中使用mqtt服务的方法
Dec 13 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
Jul 19 Javascript
基于vue--key值的特殊用处详解
Jul 31 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将任何格式视频转为flv的代码
2009/09/03 PHP
PHP goto语句用法实例
2019/08/06 PHP
Ruffy javascript 学习笔记
2009/11/30 Javascript
JavaScript类继承及实例化的方法
2015/07/25 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
javascript如何实现360度全景照片问题汇总
2016/04/04 Javascript
JS JSOP跨域请求实例详解
2016/07/04 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
2016/10/19 Javascript
thinkjs之页面跳转同步异步操作
2017/02/05 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
vuex vue简单使用知识点总结
2019/08/29 Javascript
vue设置一开始进入的页面教程
2019/10/28 Javascript
JQuery复选框全选效果如何实现
2020/05/08 jQuery
python单线程实现多个定时器示例
2014/03/30 Python
python中模块查找的原理与方法详解
2017/08/11 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
python web基础之加载静态文件实例
2018/03/20 Python
用python求一个数组的和与平均值的实现方法
2019/06/29 Python
对python中的float除法和整除法的实例详解
2019/07/20 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
Python内置加密模块用法解析
2019/11/25 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
瑞士最大的图书贸易公司:Orell Füssli
2019/12/28 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
Static Nested Class 和 Inner Class的不同
2013/11/28 面试题
工作鉴定评语
2014/05/04 职场文书
大学生团日活动总结
2015/05/06 职场文书
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL