我想实现一个在上面选中几个人在下面就显示他对应的任务,可是我没实现出功能,在 parent.frames["frameBody"].document.getElementById("date").document.write(h);
这块出现了困难,不知道怎么修改,哪位帮帮忙啊?效果是,点击上面的人名前的复选框,就显示他的任务和复选框,点击多个人的时候就一直向右延伸,下方有一个滚动条可以拖动
页面1:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="IframeHead.aspx.cs" Inherits="IframeHead" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" language="javascript" src="Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="Scripts/Frame.js"></script>
<script type="text/javascript" language="javascript">
</script>
</head>
<body>
<div id="head">
<%
for (int i = 0; i < this.UserList.Count; i++)
{
Model.Users user = UserList[i];
%>
<div class="headContent" align="center"><input type="checkbox" id="<%=user.UserId %>" onclick="clickCheck(this.id)" name="UserName" value="<%=user.UserId %>" /><%=user.UserName %></div>
<%
if (i % 10 == 9)
{
Response.Write("<br />");
}
}
%>
</div>
</body>
</html>页面2:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="IframeBody.aspx.cs" Inherits="IframeBody" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript" src="Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="Scripts/Frame.js"></script><!--删除线-->
<style type="text/css"> .mystyle{ text-decoration:line-through } </style><title></title></head>
<body>
<div id="content">
<table width="200" border="0" cellpadding="5" cellspacing="5">
<tr id="data">
<td>
<div id="d"></div>
</td>
</tr>
</table>
</div>
</body>
</html>显示数据的页面<%@ Page Language="C#" AutoEventWireup="true" CodeFile="IframeMain.aspx.cs" Inherits="IframeMain" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title> <script type="text/javascript" language="javascript" src="Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="Scripts/Frame.js"></script>
</head>
<body id="main">
<iframe src="IframeHead.aspx" class="IframeHead"></iframe>
<br />
<iframe name="frameBody" src="IframeBody.aspx" class="IframeBody" marginwidth="0" marginheight="0"></iframe>
</body>
</html>所用的js文件 //获取点中人的id
function clickCheck(uid)
{
var checked=false;
var len=document.getElementsByName("UserName");
var usersId="";
for(var i=0;i<len.length;i++)
{
if(len[i].checked)
{
usersId+=len[i].value+",";
checked=true;
}else
{
checked=false;
}
}
if(usersId!=null&&usersId!="")
{
//debugger;
getData(usersId);
}else
{
parent.frames["frameBody"].document.getElementById("d").innerText="";
}
}
//获取数据
function getData(usersId)
{
$.post("data.aspx",{"usersId":usersId},function(data){
var h = "";
$.each(eval(data),function(i, TaskList) {
h+="<td><div class='main'>";
$.each(eval(TaskList),function(j,tasks){
h+=""+tasks.Contents+"<br />";
});
h+="</div></td>";
});
h += "";
//parent.frames["frameBody"].document.getElementById("d").innerText="asdffffffffff";
parent.frames["frameBody"].document.getElementById("date").document.write(h);
});
}
这块出现了困难,不知道怎么修改,哪位帮帮忙啊?效果是,点击上面的人名前的复选框,就显示他的任务和复选框,点击多个人的时候就一直向右延伸,下方有一个滚动条可以拖动
页面1:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="IframeHead.aspx.cs" Inherits="IframeHead" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" language="javascript" src="Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="Scripts/Frame.js"></script>
<script type="text/javascript" language="javascript">
</script>
</head>
<body>
<div id="head">
<%
for (int i = 0; i < this.UserList.Count; i++)
{
Model.Users user = UserList[i];
%>
<div class="headContent" align="center"><input type="checkbox" id="<%=user.UserId %>" onclick="clickCheck(this.id)" name="UserName" value="<%=user.UserId %>" /><%=user.UserName %></div>
<%
if (i % 10 == 9)
{
Response.Write("<br />");
}
}
%>
</div>
</body>
</html>页面2:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="IframeBody.aspx.cs" Inherits="IframeBody" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript" src="Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="Scripts/Frame.js"></script><!--删除线-->
<style type="text/css"> .mystyle{ text-decoration:line-through } </style><title></title></head>
<body>
<div id="content">
<table width="200" border="0" cellpadding="5" cellspacing="5">
<tr id="data">
<td>
<div id="d"></div>
</td>
</tr>
</table>
</div>
</body>
</html>显示数据的页面<%@ Page Language="C#" AutoEventWireup="true" CodeFile="IframeMain.aspx.cs" Inherits="IframeMain" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title> <script type="text/javascript" language="javascript" src="Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript" src="Scripts/Frame.js"></script>
</head>
<body id="main">
<iframe src="IframeHead.aspx" class="IframeHead"></iframe>
<br />
<iframe name="frameBody" src="IframeBody.aspx" class="IframeBody" marginwidth="0" marginheight="0"></iframe>
</body>
</html>所用的js文件 //获取点中人的id
function clickCheck(uid)
{
var checked=false;
var len=document.getElementsByName("UserName");
var usersId="";
for(var i=0;i<len.length;i++)
{
if(len[i].checked)
{
usersId+=len[i].value+",";
checked=true;
}else
{
checked=false;
}
}
if(usersId!=null&&usersId!="")
{
//debugger;
getData(usersId);
}else
{
parent.frames["frameBody"].document.getElementById("d").innerText="";
}
}
//获取数据
function getData(usersId)
{
$.post("data.aspx",{"usersId":usersId},function(data){
var h = "";
$.each(eval(data),function(i, TaskList) {
h+="<td><div class='main'>";
$.each(eval(TaskList),function(j,tasks){
h+=""+tasks.Contents+"<br />";
});
h+="</div></td>";
});
h += "";
//parent.frames["frameBody"].document.getElementById("d").innerText="asdffffffffff";
parent.frames["frameBody"].document.getElementById("date").document.write(h);
});
}
or
window.parent.frames["frameBody"].document.getElementById("d").innerHTML="xxx"