主頁 > 知識庫 > 在子頁中隱藏模板頁中的div示例代碼

在子頁中隱藏模板頁中的div示例代碼

熱門標(biāo)簽:寧波自動外呼系統(tǒng)代理 辦理400電話證件 巫師3為什么地圖標(biāo)注的財(cái)寶沒有 手機(jī)地圖標(biāo)注如何刪除 十堰正規(guī)電銷機(jī)器人系統(tǒng) 外呼系統(tǒng)代理品牌 世紀(jì)佳緣地圖標(biāo)注怎么去掉 外呼系統(tǒng)費(fèi)用一年 怎么給超市做地圖標(biāo)注入駐店
需求如下:
1.模板頁右邊包含了一個登陸div,想讓沒登陸的時候這個div顯示,登陸后該div隱藏
2.顯示一個歡迎用戶的div,主要是想通過javascript來隱藏

注意:模板頁里是不能使用RegisterClientScriptBlock注冊和執(zhí)行javascrip的,
所以javascript的注冊和執(zhí)行放在page頁中來實(shí)現(xiàn)了

Main.master模板頁里的內(nèi)容
復(fù)制代碼 代碼如下:

!--登錄小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中的代碼
復(fù)制代碼 代碼如下:

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的
復(fù)制代碼 代碼如下:

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封裝代碼
復(fù)制代碼 代碼如下:

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);
}

標(biāo)簽:通遼 嘉興 景德鎮(zhèn) 天門 山西 牡丹江 泰州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《在子頁中隱藏模板頁中的div示例代碼》,本文關(guān)鍵詞  在,子,頁中,隱藏,模板,頁,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《在子頁中隱藏模板頁中的div示例代碼》相關(guān)的同類信息!
  • 本頁收集關(guān)于在子頁中隱藏模板頁中的div示例代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章