jquery弹出一个对话框
发布网友
发布时间:2022-04-25 09:10
我来回答
共4个回答
热心网友
时间:2022-05-01 22:33
//下面的这个js就可以实现你的,你运行一下就知道了。不是使用的jquery,就是普通的js。
document.write("<style type=\"text/css\">*{padding:0; margin:0}.close{float:right;cursor:default}</style>");
var showContent = ' 写本程序的缘由<br> 项目中需要使用表格树的地方,'+
'要扩展ectable控件实现表格树,感觉很困难,'+
'而在网上看到了一个简单的表格树之后自己继续'+
'扩展,没有想到居然写了这么多,还有很多很多的问题存在,<font color="red">希望发出来之后得到大家的帮助继续完善</font>。'+
'有看到jquery的JQTreeTable插件,在本程序中尽量有参考它的做。'+
'<hr><div> 实现功能:<br>1.支持静态json数据格式<br>2.支持后台代码传递json数据'+
'<br>3.支持前台分页(将数据的第一层节点进行分页)<br>4.支持全部展开,全部折叠'+
'<br>5.支持显示“自增序列”列<br>6.支持显示“选择按钮”列<br>7.支持自定义行的单击双击事件</div>'+
'<div> <a href="http://blog.sina.com.cn/s/blog_3efe6ef10100fcv2.html" target="new">详细说明文档</a></div><hr>'+
'<div> 待完善:<br>1.后台分页<br>2.提供更多适用的配置'+
'<br>3.样式待改<br>4.至少应该再支持火狐<br>5.还有很多要做的地方...</div>'+
'<div> <a href="http://blog.sina.com.cn/s/blog_3efe6ef10100fcv2.html" target="new">请提出宝贵意见,感激不尽。</a></div><hr>'
+' 20091007.大连 renjie120';
function $(id){ return document.getElementById(id)}
function AlertMsg(title,content,width,height){
var msgw,msgh,msgbg,msgcolor,bordercolor,titlecolor,titlebg;
//弹出窗口设置
msgw = width; //窗口宽度
msgh = height; //窗口高度
msgbg = "#FFF"; //内容背景
msgcolor = "#000"; //内容颜色
bordercolor = "#000"; //边框颜色
titlecolor = "#FFF"; //标题颜色
titlebg = "#369"; //标题背景
//遮罩背景设置
var sWidth,sHeight;
sWidth = screen.availWidth;
sHeight = document.body.scrollHeight;
//创建遮罩背景
var maskObj = document.createElement("div");
maskObj.setAttribute('id','maskdiv');
maskObj.style.position = "absolute";
maskObj.style.top = "0";
maskObj.style.left = "0";
maskObj.style.background = "#777";
maskObj.style.filter = "Alpha(opacity=30);";
maskObj.style.opacity = "0.3";
maskObj.style.width = sWidth + "px";
maskObj.style.height = sHeight + "px";
maskObj.style.zIndex = "10000";
document.body.appendChild(maskObj);
//创建弹出窗口
var msgObj = document.createElement("div")
msgObj.setAttribute("id","msgdiv");
msgObj.style.position ="absolute";
msgObj.style.top = (screen.availHeight - msgh) / 4 + "px";
msgObj.style.left = (screen.availWidth - msgw) / 2 + "px";
msgObj.style.width = msgw + "px";
msgObj.style.height = msgh + "px";
msgObj.style.fontSize = "12px";
msgObj.style.background = msgbg;
msgObj.style.border = "1px solid " + bordercolor;
msgObj.style.zIndex = "10001";
//创建标题
var thObj = document.createElement("div");
thObj.setAttribute("id","msgth");
thObj.className = "DragAble";
thObj.style.cursor = "move";
thObj.style.padding = "4px 6px";
thObj.style.color = titlecolor;
thObj.style.background = titlebg;
var titleStr = "<a class='close' title='关闭' style='cursor:pointer' onclick='CloseMsg()'>关闭</a>"+"<span>"+ title +"</span>";
thObj.innerHTML = titleStr;
//创建内容
var bodyObj = document.createElement("div");
bodyObj.setAttribute("id","msgbody");
bodyObj.style.padding = "10px";
bodyObj.style.lineHeight = "1.5em";
bodyObj.innerHTML = content;
//生成窗口
document.body.appendChild(msgObj);
$("msgdiv").appendChild(thObj);
$("msgdiv").appendChild(bodyObj);
}
function CloseMsg(){
//移除对象
document.body.removeChild($("maskdiv"));
$("msgdiv").removeChild($("msgth"));
$("msgdiv").removeChild($("msgbody"));
document.body.removeChild($("msgdiv"));
}
//拖动窗口
var ie = document.all;
//下面判断的是不是ie浏览器!!在非ie浏览器中是没有定义getElementById这个方法的!!
var nn6 = document.getElementById&&!document.all;
var isdrag = false;
var y,x;
var oDragObj;
function moveMouse(e) {
if (isdrag) {
oDragObj.style.top = (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px";
oDragObj.style.left = (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px";
return false;
}
}
function initDrag(e) {
//得到触发该事件的对象
var oDragHandle = nn6 ? e.target : event.srcElement;
var topElement = "HTML";
//根据触发的对象向上一直查找父级节点,直到HTML节点的下一子一层.
while (oDragHandle.tagName != topElement && oDragHandle.className != "DragAble") {
oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement;
}
if (oDragHandle.className=="DragAble") {
isdrag = true;
oDragObj = oDragHandle.parentNode;
nTY = parseInt(oDragObj.style.top);
//对于不同的浏览器得到相对位置.如果是ie返回e.clientY,否则返回event.clientY
y = nn6 ? e.clientY : event.clientY;
nTX = parseInt(oDragObj.style.left);
x = nn6 ? e.clientX : event.clientX;
document.onmousemove = moveMouse;
return false;
}
}
document.onmousedown = initDrag;
document.onmouseup = new Function("isdrag=false");
//-->
热心网友
时间:2022-05-01 23:51
可以用JavaScript中的confirm功能实现,当值为真时返回TRUE否则返回FALSE。这样当用户点击确认时则删除否则取消。
例如:
confirm(“请确认!”)
热心网友
时间:2022-05-02 01:25
subModal是jQuery的一个插件,专门处理各种弹出框问题,建议你去了解一下,很简单
热心网友
时间:2022-05-02 03:17
thickbox.jquery 官方插件。其实很多的
如何使用jquery实现点击按钮弹出一个对话框
有很多方法实现的,比如使用alert这种比较丑的弹框,比如 btn.click(function(){ window.alert('内容')});或者是自己自定义的弹框,那这样的话你至少得套三个div,比如 --->这个绝对定位到整个页面,如position:absolute;top:0;left:0;right:0;bottom:0;--->这个在父级元素上面做绝对定位,也...
jquery 如何弹出自定义对话框?
alert方式调用 confirm方式调用 iframe方式调用 只显示内容对话框 对话框配置按钮 message方式调用 tip方式调用 以下是JS代码 ("#test1").click(function(){ var dialog = jDialog.alert(´欢迎使用jDialog组件´,{},{ showShadow: false,// ...
jquery弹出一个对话框
'3.支持前台分页(将数据的第一层节点进行分页)4.支持全部展开,全部折叠'+ '5.支持显示“自增序列”列6.支持显示“选择按钮”列7.支持自定义行的单击双击事件'+ '详细说明文档'+ '待完善:1.后台分页2.提供更多适用的配置'+ '3.样式待改4.至少应该再支持火狐5.还有很多要做的地方...'+ '...
jquery如何实现——点击某一个div,弹出一个对话框?
(function(){ ("#d1").click(function(){ alert("这是对话框");});});
jQuery 在页面弹出一个对话框一样的的新页面,用哪个方法呢
这个你可以搜索Jquery的弹出框,网上有好多.比如weebox等 如果不要什么效果的话,直接用JS的window.open就可以.
如何利用jquery easyui设置对话框
1、实现对话框,首先新建一个jsp页面,去掉设置路径,保证js和css样式的路径的正确性 2、引入对话框所需要的js文件和css样式文件 3、利用制作两个按钮 打开 关闭 4、在中添加一个table
怎样用javascript或Jquery或extjs点击按钮弹出另存为对话框?
如何利用jquery easyui设置对话框
1、实现对话框,首先新建一个jsp页面,去掉设置路径,保证js和css样式的路径的正确性 2、引入对话框所需要的js文件和css样式文件 3、利用制作两个按钮 打开 关闭 4、在中添加一个table 姓名:性别:年龄:电话:地址:5、启动服务器,在...
jQuery在iframe中无法弹出对话框的解决方法
jQuery的弹出框使用很方便,但是如果在iframe中使用则弹不出对话框,而有时候我们还必须得使用iframe而不能用jQuery的load方式,这个时候就需要处理这个问题。其实也非常简单,思路就是让iframe的父窗口弹出这个对话框。例如:parent.confirmDialog();这样就可以用了。不是什么有技术含量的问题,记下来,防止...
如何利用jquery easyui设置对话框
利用jquery easyui设置对话框的方法:1、创建对话框: Dialog Content. 2、运行效果:3、支持设置属性如下: