隐藏/取消隐藏面板的JavaScript函数
JavaScript function to hide/unhide panel
我在visual studio 2010下使用asp.net(c#)
我有一个面板,默认设置为隐藏(可见=false)
我需要创建一个JavaScript函数,该函数将在按钮单击时执行,以使该面板在隐藏时可见,在可见时隐藏。这应该是客户端,这是目前为止我写的代码
<script type=text/javascript>
function func1()
{
i need this code please
}
<asp:Panel ID="ResultsPanel" runat="server">
Some controls
</asp:Panel>
<asp:button id=button1 runat=server onclick=javascript:func1()>Hide/Unhide</asp:button>
首先你需要使用OnClientClick
属性而不是OnClick
为你的按钮,如果该按钮不运行任何服务器端代码,你可以使用html按钮而不是asp:Button
<input type="button" onclick="func1();" value="Hide/Unhide">
你可以使用jquery
中的toggle
功能来隐藏/取消隐藏面板
function func1()
{
var mypanel = $('#<%=ResultsPanel.ClientID%>');
mypanel.toggle();
}
试试这个:
var Panel = document.getElementById("ResultsPanel");
if (Panel.style.display == "block" || Panel.style.display == "")
{
Panel.style.display = "none";
}
else
{
Panel.style.display = "block";
}
如果您正在使用jQuery,您可以使用以下jQuery方法,
http://api.jquery.com/toggle/http://api.jquery.com/hide/http://api.jquery.com/show/相关文章:
- 隐藏javascript滑块的问题
- 是否可以隐藏javascript确认对话框
- 如何在没有按钮的情况下实现显示隐藏JavaScript
- 在较小的屏幕上隐藏 JavaScript
- 他们是如何在这个页面上隐藏JavaScript的
- 切换隐藏javascript函数
- 如何向用户隐藏javascript变量
- 如何在生成的HTML页面中隐藏JavaScript注释
- 在Chrome开发工具中隐藏JavaScript文件
- 重写/隐藏Javascript函数
- 隐藏JavaScript函数中作为参数传递的元素的父元素
- Angular-从Developer窗口隐藏Javascript
- 我可以向用户隐藏Javascript中的一些代码吗?
- 删除/隐藏 javascript 中的选择选项而不会使其看起来很尴尬(需要延迟 select 元素的本机 onclick
- 隐藏JavaScript代码或将其置于根文件夹之外
- QNetworkReply 不会在 HTML 注释中隐藏 JavaScript
- 如何创建指向显示/隐藏javascript隐藏的内容的链接
- 在 DOM 中“隐藏”JavaScript 事件
- 添加动画以显示/隐藏JavaScript函数
- on单击显示/隐藏 想要在隐藏 javascript 上折叠图像大小