主页 > 知识库 > 在子页中隐藏模板页中的div示例代码

在子页中隐藏模板页中的div示例代码

热门标签:宁波自动外呼系统代理 办理400电话证件 巫师3为什么地图标注的财宝没有 手机地图标注如何删除 十堰正规电销机器人系统 外呼系统代理品牌 世纪佳缘地图标注怎么去掉 外呼系统费用一年 怎么给超市做地图标注入驻店
需求如下:
1.模板页右边包含了一个登陆div,想让没登陆的时候这个div显示,登陆后该div隐藏
2.显示一个欢迎用户的div,主要是想通过javascript来隐藏

注意:模板页里是不能使用RegisterClientScriptBlock注册和执行javascrip的,
所以javascript的注册和执行放在page页中来实现了

Main.master模板页里的内容
复制代码 代码如下:

!--登录小div-->
div class="loginDiv">
div class="LoginDivTitle">
会员登录
/div>
table class="loginTable">
tr>
td class="LoginLabel">用户名:/td>
td>input type="text" class="loginTxt" id="txtUserName" />/td>
/tr>
tr>
td class="LoginLabel">密码:/td>
td>input type="password" class="loginTxt" id="txtPass" />/td>
/tr>
tr>
td class="LoginTdButtons" colspan="2">
input src="../images/az-login-gold-3d.gif" type="image" id="btnLogin" />
input src="../images/az-newuser-gold-3d.gif" type="image" id="btnReg" />
/td>
/tr>
/table>
/div>
div class="loginOkDiv" style="display:none">
span class="spanLoginOk" id="spanUserInfo">
尊敬的%=serverUserName %>,欢迎你光临!
/span>
/div>

1>.在后台Main.master中的代码
复制代码 代码如下:

protected string serverUserName;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Model.Users user = Session["currUser"] as Model.Users;
if (user != null)
{
serverUserName = user.Name;
}
}
}

2>MainPage主页面中后台代码,它是继承于模板页Main.master的
复制代码 代码如下:

public partial class MainPage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Model.Users user = Session["currUser"] as Model.Users;
if (user != null)
{
common.CommonCode.ExecuteScriptFunc(this,true);
}
else
{
common.CommonCode.ExecuteScriptFunc(this,false);
}
}
}
}

3>ExecuteScriptFunc封装代码
复制代码 代码如下:

public static void ExecuteScriptFunc(System.Web.UI.Page page, bool bShowUserInfo)
{
string func = "function showUser(isLogin){\r\n\r\nif (isLogin) {\r\n" +
"$(\".loginDiv\").hide();\r\n" +
"$(\".loginOkDiv\").show();\r\n" +
"}\r\n" +
"else {\r\n" +
"$(\".loginDiv\").show();\r\n" +
"$(\".loginOkDiv\").hide();\r\n" +
"}}";
string func1 = "";
if (bShowUserInfo)
{
func1 = func + "\r\n" +
"$(function(){\r\nshowUser(true)" +
"});";
}
else
{
func1 = func + "\r\n" +
"$(function(){\r\nshowUser(false)" +
"});";
}
page.ClientScript.RegisterStartupScript(page.GetType(), Guid.NewGuid().ToString(),
func1, true);
//page.ClientScript.RegisterStartupScript(page.GetType(), Guid.NewGuid().ToString(),
// func1);
}

标签:通辽 嘉兴 景德镇 天门 平凉 山西 牡丹江 泰州

巨人网络通讯声明:本文标题《在子页中隐藏模板页中的div示例代码》,本文关键词  在,子,页中,隐藏,模板,页,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《在子页中隐藏模板页中的div示例代码》相关的同类信息!
  • 本页收集关于在子页中隐藏模板页中的div示例代码的相关信息资讯供网民参考!
  • 推荐文章