页面设计问题:在javascript+html实现的页面中,想添加一个按钮,点击这个按钮后就会在其下方显示一个区域

这个区域是一个信息编辑界面,比如注册、用户信息编辑等这种界面,这个区域是在当前页面内的,不是一个弹窗。 再点击这个按钮,这个区域又会隐藏起来,求代码及详细注释。
这种技术哪里有介绍,网站书籍都可以,求推荐!
最好发个实例过来,看看效果!

第1个回答  2011-11-02
给你个最简单的
在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屬性 不難

第2个回答  2011-11-02
你想要的是,是弹出窗口,还是只是显示窗口?
我有个办法,如果不是点击按钮popup出来窗口,那就先把一个层隐藏掉,然后再显示出来即可,
层里面你可以去用ajax获取你想要的网页信息,显示在里面就可以了.
第二钟办法是POPUP,在DOM里创建个DIV,然后给他显示出来,和上面相同追问

能发个实例过来吗,这样好理解!

追答

你会jquery不,找bPopup插件,你看就懂

第3个回答  2011-11-02
..用DIV把你的form给装起来。。。在页面刚进来的时候。把DIV的display属性设成NONE
DIV外面建一个按钮或者超链接。当点周时把DIV的display属性设成block.

需要给你份代码吗?追问

需要啊,我这个界面是一个视频播放的界面,我想在下面添加一个视频信息配置按钮,需求就是上面说的。发过来我看看效果,,这里不能直接发吗? 不可以的话就这里a130950a@163.com

第4个回答  2011-11-03
<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>本回答被提问者采纳

在html中写入一个按钮,点击该按钮可以弹出HELLO弹窗
这个是html和JavaScript的基础,其中按钮是写在html中,弹出事件写在JavaScript中。具体代码如下 JavaScript function tan(){ alert("HELLO");} html <input type=button value=按钮 onclick=tan() \/>

HTML怎么用js设置一个按钮,当点击按钮时可以显示另一个图层,按钮和图层...
首先你在css里面设置product为none,就是添加display:none,然后在JavaScript里面动态设置属性display为block就是你要的效果了。

...当按下键盘上的任意一个键时都会触发javascript的哪个事件
window.onkeydown = function(){ ...}

html网页制作,javascript,一个按钮如何有两种功能?为什么按钮点击两次...
当你点击按钮的时候,document.getElementById('text').style.display这个值是空,不是'block',所以会进入else条件里,所以第一次隐藏不了 1. 你可以在div的style里加入display:block;让div的初始值为block,这样就能进入if里了 style="position:fixed; z-index:1;display:block;"2. 或者不加displa...

在线html页面设计-如何制作一个html的网页
5、按插入相片按钮,点“选择”; 6、选背景颜色,按完成。 二、复制粘贴法: 1、选择相片右键点“复制”, 2、进入网页改内容指定位置, 3、点击“粘贴”即可。 动画的提取大体与上相同。有哪些不用编写代码就能轻松制作生成HTML5页面的工具 做一些H5特效的动态页面,以前需要专业技术团队和设计师才能制作。现在通过这...

点击一个选项就刷新页面html代码
点击按钮就刷新页面的代码输入步骤如下:1、首先,新建一个html文档,如下图红框所示;2、输入按钮的名称,比如“点击刷新”,代码如下:<a>点击刷新<\/a>。3、在浏览器里面进行预览,可以看到现在只是普通的文字,如下图红框所示;4、现在用reload() 方法,让其实现点击即可重新加载当前文档,代码如下...

html点击按钮后,内容自动添加到现有的li标签内的span中进行显示?
<\/html> 在上面的代码中,我们首先定义了一个输入框和一个按钮,用于接收用户输入的新内容和触发按钮的点击事件。然后,我们通过JavaScript编写了一个名为addContent()的函数,该函数会在点击按钮时被调用。在函数内部,我们获取输入框中的内容,并遍历所有的<li>标签,找到其中的<span>标签,并将输入的...

JavaScript怎样嵌入网页(js嵌入html)
在网页中嵌入JavaScript步骤新建一网页文件“sample.html,用记事本或其它文本编辑软件(如UltraEdit)打开,输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串,一个按钮和一个文本框。JS代码可插入到”head标签之间。可以在script标签中放置javascript代码。如需在HTML页面中插入JavaScript,请使用标签。

javascript用HBuilder实现登录界面代码一个按钮实现提交功能一个按钮实...
`<form>` 元素创建一个登录表单,并为用户名和密码输入框添加相应的标签和 ID。通过在提交按钮和重置按钮上添加 `onclick` 属性,我们将按钮点击事件与 JavaScript 函数关联起来。你可以将上述代码复制到 HBuilder 中的 HTML 文件中,然后在浏览器中运行该文件,即可看到登录界面和按钮的功能。

html怎么做一个按钮,就弹出一段文字的窗口呀
弹出的窗口之定时关闭控制 首先,将如下代码加入page.html文件的<head>区:<script language="JavaScript">function closeit(){ setTimeout("self.close()",10000) \/\/毫秒 }<\/script> 在弹出窗口中加上一个关闭按钮<FORM><INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'><\/FORM> ...

相似回答