<a href="javascript:void(0)" onclick="showFloat()">弹出对话框</a>
<div id="doing" style="filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
background-color: #000; width: 70%; height: 100%; z-index: 1000; position: absolute;
left: 0; top: 0; display: none; overflow: hidden;">
</div>
<!--加一个登录层-->
<div id="divLogin" style="border: solid 10px #898989; background: #fff; padding: 10px;
width: 780px; z-index: 1001; position: absolute; display: none; top: 50%; left: 50%;
margin: -200px 0 0 -400px;">
<div style="padding: 3px 15px 3px 15px; text-align: left; vertical-align: middle;">
要弹出的层
<asp:Button ID="BtnCommite" runat="server" Text="提交留言" />
<input id="BttCancel" type="button" value="关 闭" onclick="ShowNo()" />
</div>
</div>
点击事件要调用的方法
//弹出层
function ShowNo() //隐藏两个层
{
document.getElementById("doing").style.display = "none";
document.getElementById("divLogin").style.display = "none";
}
function $(id) {
return (document.getElementById) ? document.getElementById(id) : document.all[id];
}
function showFloat() //根据屏幕的大小显示两个层
{
var range = getRange();
$('doing').style.width = range.width + "px";
$('doing').style.height = range.height + "px";
$('doing').style.display = "block";
document.getElementById("divLogin").style.display = "";
}
function getRange() //得到屏幕的大小
{
var top = document.body.scrollTop;
var left = document.body.scrollLeft;
var height = document.body.clientHeight;
var width = document.body.clientWidth;
if (top == 0 && left == 0 && height == 0 && width == 0) {
top = document.documentElement.scrollTop;
left = document.documentElement.scrollLeft;
height = document.documentElement.clientHeight;
width = document.documentElement.clientWidth;
}
return { top: top, left: left, height: height, width: width };
}
//检查是否至少选择了一项
function CheckHasSelectedItem() {
var checkbox = document.all.CheckboxGroup;
if (checkbox == null) {
return false;
}
if (checkbox.length + "" != "undefined") {
for (var i = 0; i < checkbox.length; i++) {
if (checkbox[i].checked) {
return true;
}
}
}
else {
return false;
}
}
function ConfirmDelete() {
if (CheckHasSelectedItem()) {
return confirm("你确认删除此信息吗?");
}
else {
alert("请至少选择一项!");
return false;
}
}
function ConfirmTongGuo() {
if (CheckHasSelectedItem()) {
return confirm("你确定要推荐该学生?");
}
else {
alert("请至少选择一项!");
return false;
}
}
function ConfirmCheXiao() {
if (CheckHasSelectedItem()) {
return confirm("你确定要撤销该学生?");
}
else {
alert("请至少选择一项!");
return false;
}
}