在我做的那个模块里涉及到div的相对位置的设置,网页层与div显示层之间数据的传递,之前我对div根本就不了解,经过这么一折腾啊,不得不明白了!好了，言归正传!

这是我的试验例子,有点乱,多多包含:

代码部分:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"text/javascript" language="javascript">
function ShowNo() //隐藏两个层
{
document.getElementById("doing").style.display="none";
document.getElementById("divLogin").style.display="none";
getCheckValue();
}
function $(id)
{
return (document.getElementById) ? document.getElementById(id) : document.all[id] ;
}
function showFloat(leftlocal) //根据屏幕的大小显示两个层
{
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 getCheckValue()
{
var theBox=document.all("divLogin")
var str=""
elm=theBox.getElementsByTagName('Input')
for(i=0;i
{
if(elm[i].type=="checkbox")
{
if (elm[i].checked==true)
{
//获得客户端checkbox的值
str+=elm[i].nextSibling.innerText+",";
}
}
}
document.getElementById("txtValue").value=str;
document.getElementById("Hidden1").value=str;
//document.write(document.getElementById("txtValue").value);
}
"http://www.w3.org/1999/xhtml">
"server">
Div显示层
"form1" runat="server">
"Hidden1" type="hidden" runat="server" />
"txtBox" runat="server">
"Button1" runat="server" Text="Button" OnClick="Button1_Click"/>
"button" value="登陆" onclick="showFloat()" />
"txtValue" type="text" onfocus="showFloat()" />
"doing" style="filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
background-color: Gray; width: 100%; height: 100%; z-index: 1000; position: absolute;
left: 0; top: 0; display: none; overflow: hidden;">

"divLogin" style="background: #fff; padding: 10px 0 0 200px; width: 560px;

z-index: 1001; position: relative; display: none; left: expression(document.getElementById('<%=this.txtBox.ClientID %>').offsetLeft+200+ 'px');

); top: expression(document.getElementById('<%=this.txtBox.ClientID%>').offsetTop+150+ 'px');

margin: -200px 0 0 -400px; border-right: silver 1px solid; border-top: silver 1px solid;

border-left: silver 1px solid; border-bottom: silver 1px solid;">

"padding: 3px 15px 3px 15px; text-align: left; vertical-align: middle;">

请选择你要发送的对象

用户：

"TxtUserName" runat="server">

ITPub博客

asp.net,网页层与div的数据交互

请选择你要发送的对象

最新文章