在子页中隐藏模板页中的div示例代码
程序员文章站
2024-03-01 12:20:28
需求如下: 1.模板页右边包含了一个登陆div,想让没登陆的时候这个div显示,登陆后该div隐藏 2.显示一个欢迎用户的div,主要是想通过javascript来隐藏 注...
需求如下:
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);
}
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);
}