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 相关文章推荐
js 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
May 25 Javascript
关于JavaScript中的关联数组分析
Apr 09 Javascript
JS下拉框内容左右移动效果的具体实现
Jul 10 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
JavaScript中的原型和继承详解(图文)
Jul 18 Javascript
DOM基础教程之使用DOM
Jan 19 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
使用AJAX实现Web页面进度条的实例分享
May 06 Javascript
js实现表单提交后不重新刷新当前页面
Nov 30 Javascript
node.js基础知识小结
Feb 26 Javascript
gojs实现蚂蚁线动画效果
Feb 18 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中for循环语句的几种变型
2007/03/16 PHP
php搜索文件程序分享
2015/10/30 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
PHP回调函数简单用法示例
2019/05/08 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
php获取微信openid方法总结
2019/10/10 PHP
accesskey 提交
2006/06/26 Javascript
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
2017/07/21 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
JS实现的点击按钮图片上下滚动效果示例
2019/01/28 Javascript
彻底揭秘keep-alive原理(小结)
2019/05/05 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
javscript 数组扁平化的实现
2020/02/03 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
JavaScript实现图片放大预览效果
2020/11/02 Javascript
[01:53]2016完美“圣”典风云人物:Maybe专访
2016/12/05 DOTA
python 文件与目录操作
2008/12/24 Python
python先序遍历二叉树问题
2017/11/10 Python
Python实现删除时保留特定文件夹和文件的示例
2018/04/27 Python
钉钉群自定义机器人消息Python封装的实例
2019/02/20 Python
详解Python装饰器
2019/03/25 Python
django数据库自动重连的方法实例
2019/07/21 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
Pyinstaller加密打包应用的示例代码
2020/06/11 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
致跳远、跳高运动员广播稿
2014/01/09 职场文书
电子专业毕业生自我鉴定
2014/01/22 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
MySQL优化之如何写出高质量sql语句
2021/05/17 MySQL
pandas中对文本类型数据的处理小结
2021/11/01 Python