页面设计问题：在javascript+html实现的页面中，想添加一个按钮，点击这个按钮后就会在其下方显示一个区域
这个区域是一个信息编辑界面，比如注册、用户信息编辑等这种界面，这个区域是在当前页面内的，不是一个弹窗。再点击这个按钮，这个区域又会隐藏起来，求代码及详细注释。这种技术哪里...
这个区域是一个信息编辑界面，比如注册、用户信息编辑等这种界面，这个区域是在当前页面内的，不是一个弹窗。 再点击这个按钮，这个区域又会隐藏起来，求代码及详细注释。
这种技术哪里有介绍，网站书籍都可以，求推荐!
最好发个实例过来，看看效果！ 展开
这种技术哪里有介绍，网站书籍都可以，求推荐!
最好发个实例过来，看看效果！ 展开
4个回答
展开全部
给你个最简单的
在Standard控件列 下面的部份 有一个panel控件
你可以将你要的隐藏或者显示的部份 全部丢进这个控件裏面
再在这个控件的外面 放一个button
双击button 写入
protected void Button2_Click(object sender, EventArgs e)
{
if (Panel1.Visible == true)
Panel1.Visible = false;
else Panel1.Visible = true;
}
这样就点一下隐藏 再点一下 又显示了
但是点击button 会刷新全部的页面的 所有的button都是这样
如果想 只刷新局部的 不出现像全部刷新那样的缓冲 就再加一个
scriptManager 和 updatepanel 两个控件 这两个控件在ajax extension栏
updatepanel放在 scriptmanager 下面 再把 刚才的button 和 panel 放进 updatepanel
这样 你点击button 隐藏的东西很快就会出现 就没全部刷新那样慢了
在Standard控件列 下面的部份 有一个panel控件
你可以将你要的隐藏或者显示的部份 全部丢进这个控件裏面
再在这个控件的外面 放一个button
双击button 写入
protected void Button2_Click(object sender, EventArgs e)
{
if (Panel1.Visible == true)
Panel1.Visible = false;
else Panel1.Visible = true;
}
这样就点一下隐藏 再点一下 又显示了
但是点击button 会刷新全部的页面的 所有的button都是这样
如果想 只刷新局部的 不出现像全部刷新那样的缓冲 就再加一个
scriptManager 和 updatepanel 两个控件 这两个控件在ajax extension栏
updatepanel放在 scriptmanager 下面 再把 刚才的button 和 panel 放进 updatepanel
这样 你点击button 隐藏的东西很快就会出现 就没全部刷新那样慢了
追问
能发个实例过来吗，这样好理解！
追答
百度這個插入圖片的也太shi了吧 怎麼不識別我的圖片
你認真看下我說的 就是用panel控件的Visibles屬性 不難
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你想要的是,是弹出窗口,还是只是显示窗口?
我有个办法,如果不是点击按钮popup出来窗口,那就先把一个层隐藏掉,然后再显示出来即可,
层里面你可以去用ajax获取你想要的网页信息,显示在里面就可以了.
第二钟办法是POPUP,在DOM里创建个DIV,然后给他显示出来,和上面相同
我有个办法,如果不是点击按钮popup出来窗口,那就先把一个层隐藏掉,然后再显示出来即可,
层里面你可以去用ajax获取你想要的网页信息,显示在里面就可以了.
第二钟办法是POPUP,在DOM里创建个DIV,然后给他显示出来,和上面相同
追问
能发个实例过来吗，这样好理解！
追答
你会jquery不,找bPopup插件,你看就懂
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
..用DIV把你的form给装起来。。。在页面刚进来的时候。把DIV的display属性设成NONE
DIV外面建一个按钮或者超链接。当点周时把DIV的display属性设成block.
需要给你份代码吗？
DIV外面建一个按钮或者超链接。当点周时把DIV的display属性设成block.
需要给你份代码吗？
追问
需要啊，我这个界面是一个视频播放的界面，我想在下面添加一个视频信息配置按钮，需求就是上面说的。发过来我看看效果，,这里不能直接发吗？ 不可以的话就这里a130950a@163.com
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tabindex</title>
<style type="text/css">
.hidden {display: none}
.show {display: block}
</style>
<script type=text/javascript>
var flg = 0;
function ShowAndHide(e) {
var content = document.getElementById("content");
if (flg == 0) {
content.className = "show";
e.value = "Hide";
flg = 1;
} else {
content.className = "hidden";
e.value = "Show";
flg = 0;
}
}
</script>
</head>
<body>
<input type="button" value="Show" onclick="ShowAndHide(this);" />
<div id="content" class="hidden">
This is hidden div.
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tabindex</title>
<style type="text/css">
.hidden {display: none}
.show {display: block}
</style>
<script type=text/javascript>
var flg = 0;
function ShowAndHide(e) {
var content = document.getElementById("content");
if (flg == 0) {
content.className = "show";
e.value = "Hide";
flg = 1;
} else {
content.className = "hidden";
e.value = "Show";
flg = 0;
}
}
</script>
</head>
<body>
<input type="button" value="Show" onclick="ShowAndHide(this);" />
<div id="content" class="hidden">
This is hidden div.
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
