1:jsp页面片段
<script type="text/javascript" src="editdiv.js"></script>
<style>
#Loading{position:absolute;z-index:10;left:10px;top:10px;border:1px #666666 solid;background:#eeeeee;width:10px;height:10px}
* {
padding:0;
margin:0;
}
#upcontent {
list-style-position:outside;
list-style-image:none;
list-style-type:none;
}
#upcontent li {
font-size:12px;
color:#333;
line-height:150%;
overflow:hidden;
}
#bodyL {
float:left;
width:84px;
margin-right:2px;
}
#tittleup {
font-size:14px;
font-weight:bold;
color:#000066;
padding-left:25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d0daec;
margin-bottom: 10px;
padding-bottom: 10px;
}
a.od {
float:right;
font-size:14px;
color: #CC0000;
text-decoration: none;
}
a.od:hover {
color:#FF0000;
}
.contentup {
padding:20px;
}
</style>
<!---------------------------------------------------------->
<img src="/img/edit.gif" width="16" height="16" border="0" style="cursor:hand;" onclick="OpenDiv_e(300,200,'<%=role_code %>','<%=role_name_r %>','<%=role_desc%>')"/>
<div id="Loading" style="display:none" ondblclick="this.style.display='none'"></div>
2:引用的editdiv.js
function jv(){return document.getElementById?document.getElementById(arguments[0]):eval(arguments[0]);}
var OverH,OverW,ChangeH=50,ChangeW=50,code='',name='',desc='';
function OpenDiv_e(_Dw,_Dh,jcode,jname,jdesc) {
code=jcode;
name=jname;
desc=jdesc;
//alert(name);
jv("Loading").innerHTML="";
OverH=_Dh;OverW=_Dw;
jv("Loading").style.display='';
if(_Dw>_Dh){ChangeH=Math.ceil((_Dh-10)/((_Dw-10)/50))}
else if(_Dw<_Dh){ChangeW=Math.ceil((_Dw-10)/((_Dh-10)/50))}
jv("Loading").style.top=(document.body.scrollTop + document.body.clientHeight-10)/2+"px";
jv("Loading").style.left=(document.body.scrollLeft + document.body.clientWidth-10)/2+"px";
//alert(document.documentElement.clientHeight);
OpenNow_e();
}
var Nw=10,Nh=10;
function OpenNow_e() {
if (Nw>OverW-ChangeW)ChangeW=2;
if (Nh>OverH-ChangeH)ChangeH=2;
Nw=Nw+ChangeW;Nh=Nh+ChangeH;
if(OverW>Nw||OverH>Nh) {
if(OverW>Nw) {
jv("Loading").style.width=Nw+"px";
jv("Loading").style.left=(document.body.scrollLeft + document.body.clientWidth-Nw)/2+"px";
}
if(OverH>Nh) {
jv("Loading").style.height=Nh+"px";
jv("Loading").style.top=(document.body.scrollTop + document.body.clientHeight-Nh)/2+"px";
}
window.setTimeout("OpenNow_e()",0);
}else{
//alert(name);
Nw=10;Nh=10;ChangeH=50;ChangeW=50;
jv("Loading").innerHTML="<div class='contentup'> <a href='#' class='od' onclick = \"javascript:jv('Loading').style.display='none'\"> 关 闭 </a>"
+"<div id='tittleup'>修改角色</div>"
+"<ul id='upcontent'>"
+"<li>角色名称:<input type='text' name='role_name' id='role_name' value='"+name+"' size='24' maxlength='30' /><span style='color:red;'>*</span></li>"
+"<li>角色描述:<textarea name='role_desc' id='role_desc' cols='20' rows='3'>"+desc+"</textarea></li>"
+"<li> </li>"
+"<li style='text-align:center;'><span><input type='button' name='subarea' value='提 交' onClick=editInfo('"+code+"')></li>"
+"<div style='clear:both;'></div>"
+"</ul></div>";
}
}
分享到:
相关推荐
1. 弹出绝对居中层 2. 企业级应用标准,支持SharePoint 3. 基于ASP.ENT, JavaScript, CSS开发
js弹出层居中可移动 js弹出层居中可移动
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动).docx
jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动遮罩层</div> 并随页面...
js+CSS实现弹出居中背景半透明div层的方法.docx
jquery弹出层当鼠标点击文字或图片弹出层,弹出层浮动在屏幕上可以随浏览器上下滚动,弹出层可自动居中在页面中间
js弹出层绝对居中(ie,火狐都支持)在不同浏览器上显示效果一样
有js+css和jquery+css实现的弹出居中的遮罩层,兼容IE6 7 8 和ff
兼容ie,FF,chrome,opera的弹出层居中js。
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 代码如下: <!doctype html> <head> <meta charset=”utf-8″ /> <title></title> <style type=”text/css”> *{}{margin:0;...
jQuery点击遮罩弹出层固定居中代码是一款自适应的图片加文字遮罩弹窗代码,适用于手机端的网页遮罩弹出层代码。
支持弹出层的鼠标拖动移动,该部分用纯js编写执行效率更高 支持ajax加载页面到弹出层 支持一个页面,同时弹出多个层互不干扰 支持模式化弹出,带遮罩层 支持自定义弹出层样式 自带3个事件,开启、关闭、移除 ...
jQuery弹出层垂直居中效果.zip
JavaScript+div 半透明弹出层,function openNewDiv(_id) { var m = "mask"; if (docEle(_id)) document.removeChild(docEle(_id)); if (docEle(m)) document.removeChild(docEle(m)); // 新激活图层 var newDiv...
1.可拖动,默认窗口居中 2.可以自定义弹出层大小 3.背景变暗,不可编辑 4.边框半透明,圆角,内容部分不透明。 5.兼容IE、chrome、firefox等
主要介绍了JS弹出层的绝对定位居中是如何实现的,需要的朋友可以参考下
弹出层内含窗口且居中,在本例使用原生js来实现,与网上的有所不一样,大家不妨参考下
介绍了Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法,有需要的朋友可以参考一下