js 控制下拉菜单刷新的方法
更新时间:2013年03月03日 11:24:34 作者:
js 控制下拉菜单刷新的方法,需要的朋友可以参考一下
思路:母版頁隱藏控件 從内容頁接收值 JS根據接受的值控制菜單項的現實
母版頁:
隱藏控件:
<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:
<%-- 設置選中--%>
<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>
内容頁給母版頁隱藏空間賦值:
//設置母版頁Lable的值,以控制菜單項CSS
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
母版頁:
隱藏控件:
复制代码 代码如下:
<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:
<%-- 設置選中--%>
<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>
内容頁給母版頁隱藏空間賦值:
//設置母版頁Lable的值,以控制菜單項CSS
复制代码 代码如下:
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
相关文章
Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox
Javascript 模拟点击事件,一般情况下ie支持的,firefox并不支持。所以可以通过下面的方法解决。2010-01-01JavaScript实现两个Table固定表头根据页面大小自行调整
正如标题所言两个Table固定表头,可根据页面大小自行调整使用JavaScript实现,具体的示例如下,感兴趣的朋友可以参考下2014-01-01微信小程序BindTap快速连续点击目标页面跳转多次问题处理
这篇文章主要介绍了微信小程序BindTap快速连续点击目标页面跳转多次问题处理,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2019-04-04
最新评论