js 控制下拉菜單刷新的方法
更新時間:2013年03月03日 11:24:34 作者:
js 控制下拉菜單刷新的方法,需要的朋友可以參考一下
思路:母版頁隱藏控件 從內(nèi)容頁接收值 JS根據(jù)接受的值控制菜單項的現(xiàn)實
母版頁:
隱藏控件:
<asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label>
<asp:Label ID="Lbl_Xn" runat="server" Text="text" style="display:none"></asp:Label>
JS:
<%-- 設(shè)置選中--%>
<script type="text/javascript">
var X = document.getElementById('<%=this.Lbl_X.ClientID %>').innerText;
var Xn = document.getElementById('<%=this.Lbl_Xn.ClientID %>').innerText;
var div = document.getElementById(X);
if (div != null) {
div.setAttribute("class", 'nav-top-item current');
}
var div2 = document.getElementById(Xn);
if (div != null) {
div2.setAttribute("class", 'current');
}
</script>
內(nèi)容頁給母版頁隱藏空間賦值:
//設(shè)置母版頁Lable的值,以控制菜單項CSS
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
母版頁:
隱藏控件:
復(fù)制代碼 代碼如下:
<asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label>
<asp:Label ID="Lbl_Xn" runat="server" Text="text" style="display:none"></asp:Label>
JS:
<%-- 設(shè)置選中--%>
<script type="text/javascript">
var X = document.getElementById('<%=this.Lbl_X.ClientID %>').innerText;
var Xn = document.getElementById('<%=this.Lbl_Xn.ClientID %>').innerText;
var div = document.getElementById(X);
if (div != null) {
div.setAttribute("class", 'nav-top-item current');
}
var div2 = document.getElementById(Xn);
if (div != null) {
div2.setAttribute("class", 'current');
}
</script>
內(nèi)容頁給母版頁隱藏空間賦值:
//設(shè)置母版頁Lable的值,以控制菜單項CSS
復(fù)制代碼 代碼如下:
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
相關(guān)文章
關(guān)聯(lián)的Select,可以支持客戶端動態(tài)更新
關(guān)聯(lián)的Select,可以支持客戶端動態(tài)更新...2006-09-09Javascript 模擬點擊事件(點擊鏈接與html點擊) 兼容IE/Firefox
Javascript 模擬點擊事件,一般情況下ie支持的,firefox并不支持。所以可以通過下面的方法解決。2010-01-01JavaScript實現(xiàn)兩個Table固定表頭根據(jù)頁面大小自行調(diào)整
正如標題所言兩個Table固定表頭,可根據(jù)頁面大小自行調(diào)整使用JavaScript實現(xiàn),具體的示例如下,感興趣的朋友可以參考下2014-01-01cnblogs 代碼高亮顯示后的代碼復(fù)制問題解決實現(xiàn)代碼
cnblogs是比較有名的技術(shù)博客基地,很多技術(shù)達人都在里面發(fā)布技術(shù)文章, 不過由于代碼不利于復(fù)制,因為頁面里面有pre標簽等問題2011-12-12微信小程序BindTap快速連續(xù)點擊目標頁面跳轉(zhuǎn)多次問題處理
這篇文章主要介紹了微信小程序BindTap快速連續(xù)點擊目標頁面跳轉(zhuǎn)多次問題處理,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-04-04分享兩個手機訪問pc網(wǎng)站自動跳轉(zhuǎn)手機端網(wǎng)站代碼
這篇文章主要介紹了分享兩個手機訪問pc網(wǎng)站自動跳轉(zhuǎn)手機端網(wǎng)站代碼,需要的朋友可以參考下2015-01-01