我正在编写一个应用程序,一个文件夹和文件的层次结构的记者,在较低的层次结构级别中有两种类型的报告:简单的一种是平面(非链接)报告,呈现为单个简单的行。 第二种类型是标题中包含一般描述的链接,如果按下该链接,您将获得完整的报告。
示例:如果我运行telnet命令,我将在标题中看到该命令,如果我想看到设备的整个会话,我将按下该链接,它将被显示。
我的问题是大多数这些内联文件都很小,但操作系统为每个文件保留了最小的空间,所以我没有丢失很多磁盘空间。 我想要实现的解决方案是一个“虚拟”链接,它将被呈现并将表现得像常规链接,但实际上将存储在同一个文件中,就像它们的“父”一样(可能还有很多类似其他链接)。 / p>
到目前为止我看到的解决方案只是在页面内“跳”但这不是我想要的,我希望它像一个单独的文件一样呈现,我不希望“父”文件呈现这个信息(通过按下链接看到它的唯一方法,即使那时它只会显示这些信息,而不是其他文件内容)。
任何想法的人?
答案 0 :(得分:1)
要链接到网页中的特定部分,请在用户点击链接时将锚点链接放在您希望的位置:
<a name="anchor"></a>
并链接到:
Click <a href="#anchor">here</a>
如果需要,您可以使用更具描述性的名称替换“anchor”。
<小时/> 隐藏/显示div(以下代码未经测试,但应该有效)
JQuery解决方案(如果您使用的是JQuery):
function toggle(divname) {
$(divname).toggle();
}
相应的HTML:
<div id="content">some content</div>
<a onclick="toggle('content')">Click here to show/hide the content div!</a>
非JQuery解决方案:
function toggle(divname) {
var adiv = document.getElementById(divname);
if (adiv.style.display === 'block' || adiv.style.display === '') {
adiv.style.display = 'none';
} else {
adiv.style.display = 'block'
}
}
HTML:
<div style="display:hidden" id="content">Content</div>
<a onclick="toggle('content')">Click here to show/hide the content div!</a>