js解决弹窗问题实现班级跳转DIV示例_javascript技巧

1、js代码如下:

复制代码 代码如下:

<%--实现班级跳转DIV--%>
<div id="displayClassDiv" style="display:none;" class="gp_box">
<ul>
<%
for(int i=0;i<dtPTC.Rows.Count;i++)
{
if (dtPTC.Rows[i]["ISPRO"].ToString() == "1")
{

%>
<li>
<h1 class="gp_title" >
<span id='<%=dtPTC.Rows[i]["ProjectID"].ToString() %>'><%=dtPTC.Rows[i]["ProjectName"].ToString() %></span></h1>
<%
for (int j = 0; j < dtPTC.Rows.Count; j++)
{
if (dtPTC.Rows[i]["ProjectID"].ToString() == dtPTC.Rows[j]["ProjectID"].ToString() && dtPTC.Rows[j]["ISPRO"].ToString() == "2")
{
%>
<dl class="gp_list" >

<dt id='<%=dtPTC.Rows[j]["TermID"].ToString() %>'><%=dtPTC.Rows[j]["TermName"].ToString().Trim() %></dt>
<dd class="grap">

<%
int p_count = 0;
for (int k = 0; k < dtPTC.Rows.Count; k++)
{

if (dtPTC.Rows[k]["ISPRO"].ToString() == "3" && dtPTC.Rows[j]["TermID"].ToString() == dtPTC.Rows[k]["TermID"].ToString())
{
p_count++;
if (dtPTC.Rows[k]["ClassID"].ToString() == Session["CLASSID"].ToString())
{

%>
<input id='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' type="radio" name="rd_class" value='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' checked /><%=dtPTC.Rows[k]["ClassName"].ToString() %>
           
<% }else
{
%>
<input id='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' type="radio" name="rd_class" value='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' /><%=dtPTC.Rows[k]["ClassName"].ToString() %>
           
<%

}
if (p_count % 2 == 0)
{
%><br /><%
}
}
}
%>

</dd>
</dl>
<%
}

}

%>

</li>

<%

}
}

%>
</ul>

</div>

<script type="text/javascript">
//显示班级信息的函数
function ShowClassInfo() {
//弹出对话框
$("#displayClassDiv").dialog({
modal: true,
width: '700',
height: '400',
title: "请选择跳转班级:",
overlay: { opacity: 0.5, background: "black" },
buttons: {
"确定": function () { SubmitClassInfo(); },
"取消": function () { $(this).dialog("destroy"); }
},
close: function (event, ui) { $(this).dialog("destroy"); }
});
}

function SubmitClassInfo() {
var ObjClass = $('[name=rd_class]:checked');
var ClassID=ObjClass.val();
window.location.href = '../ClassPortal/ClassPortal.aspx?CLASS_ID='+ClassID;
}
</script>

2、cs文件代码:

复制代码 代码如下:

public DataTable dtPTC = new DataTable();//保存项目 项目分期 班级信息
public DataTable dtProjectInfo = new DataTable();//保存项目信息

protected void Page_Load(object sender, EventArgs e)
{
//原框架top页面信息开始
//User.isSessionInvalid();
clsCurrentUser user = mm.GetSession();
USER_ID = int.Parse(user.UserID);

if (Request.QueryString["ClassID"] != null)
{
Session["ClASSID"] = Request.QueryString["ClassID"].ToString();
classid=Session["ClASSID"].ToString();
getClassInfo();
}
else
{
classid = Session["CLASSID"].ToString();
getClassInfo();
}
//username = user.GetRealName();
username = user.UserRealName;
time = DateTime.Now.ToString("yyyy年MM月dd日", DateTimeFormatInfo.InvariantInfo);
//classInfo = getClassInfo(classid);
//DtPD = dba.SelectT_LEARNING_PROJECT(Convert.ToInt32(Session["PROJECT_ID"].ToString().Trim()));
//homepage = DtPD.Rows[0]["HOMEPAGE"].ToString().Trim();
//原框架top页面信息结束

//获取当前用记在本班中的权限。
string sqlRole = "select Ctype from T_PUB_USER_CLASS where ClASSID=" + Session["CLASSID"].ToString() + " and USERID=" + mm.UserID;
DataTable dtRole = bdb.RunQuery(sqlRole);
if (dtRole.Rows.Count > 0)
{
role = dtRole.Rows[0]["Ctype"].ToString();
}

getALLInfo(); //根据用户ID分别获取项目、项目分期、班级信息

getProjectInfo();//根据用户ID分别获取项目

}
/// <summary>
/// 根据用户ID分别获取项目、项目分期、班级信息
/// </summary>
protected void getALLInfo()
{

int UserID = Convert.ToInt32(mm.GetSession().UserID);
string procName = "HZX_SelectCLASS_ByUserID";
SqlParameter[] sp = new SqlParameter[] { new SqlParameter("@USER_ID", UserID) };
try
{
dtPTC = bdb.RunProcQuery(procName, sp);
}
catch (Exception ee)
{
Response.Redirect("../../../ErrorPage.aspx");
}

}

时间: 2024-10-29 23:12:23

js解决弹窗问题实现班级跳转DIV示例_javascript技巧的相关文章

js解决弹窗问题实现班级跳转DIV示例

 本文为大家介绍下js如何解决弹窗问题实现班级跳转DIV,具体示例如下,感兴趣的朋友可以参考下 1.js代码如下:    代码如下: <%--实现班级跳转DIV--%>  <div id="displayClassDiv" style="display:none;" class="gp_box">  <ul>  <%  for(int i=0;i<dtPTC.Rows.Count;i++)  { 

利用JS解决ie6不支持max-width,max-height问题的方法_javascript技巧

今天遇到一个关于用js解决ie6不支持支持max-width,max-height的问题,刚开始用jQuery方法来实现,不过一直获取不到css里面的值,如 复制代码 代码如下:   if($.browser.msie && $.browser.version == 6.0)  {    var maxWidth = parseInt($('.viewBigPic img').css('max-width'));    $('.viewBigPic img').each(function(

JS解决iframe之间通信和自适应高度的问题_javascript技巧

首先说明下,iframe通信 分为:同域通信 和 跨域通信. 一. 同域通信 所谓同域通信是指 http://localhost/demo/iframe/iframeA.html 下的a.html页面嵌套 iframe 比如: <iframe src="http://localhost/demo/iframe/iframeB.html" id="iframeA" name="iframeA">的B.html页面,这两个页面数据进行通信

Js控制弹窗实现在任意分辨率下居中显示_javascript技巧

贴代码 复制代码 代码如下: <!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

js解析json读取List中的实体对象示例_javascript技巧

1.由后台action 传给前台是需要将map 转成json格式 复制代码 代码如下: Map<String, List> resultMap: JSONObject json = JSONObject.fromObject(resultMap); message = json.toString(); List中存放多个student对象 2.前台js 中先将结果json串转成对象 复制代码 代码如下: var obj = eval("("+data+")&quo

js定时调用方法成功后并停止调用示例_javascript技巧

复制代码 代码如下: <pre name="code" class="javascript"><pre name="code" class="javascript"> <span style="color: rgb(58, 62, 67); font-family: 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Verdana, Ar

js控制href内容的连接内容的变化示例_javascript技巧

html: 复制代码 代码如下: <a data-toggle="modal" href="#myModal_devices" id="check_devices" class="guide_s step1 ok" onclick="GetLanHosts();return false;"><span>►</span>已有<em>0</em>台设备

JS使用正则表达式实现关键字替换加粗功能示例_javascript技巧

本文实例讲述了JS使用正则表达式实现关键字替换加粗功能的方法.分享给大家供大家参考,具体如下: <!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">

JS关闭窗口时产生的事件及用法示例_javascript技巧

本文实例讲述了JS关闭窗口时产生的事件及用法.分享给大家供大家参考,具体如下: /************ 关闭窗口,提交评价 **************/ window.onbeforeunload = function(){ var pageWidth = Math.max(window.top.document.body.scrollWidth, window.top.document.documentElement.scrollWidth); var pageHeight = Math