-2

我正在编写一个应用程序,一个具有文件夹和文件层次结构的报告器,在较低的层次结构级别有两种类型的报告:简单的报告是一个平面(非链接)报告,它显示为一个简单的行。第二种类型是在标题中带有一般描述的链接,如果您点击链接,您将获得完整的报告。

示例:如果我运行 telnet 命令,我将在标题中看到该命令,如果我想查看与设备的整个会话,我将按下链接并显示它。

我的问题是大多数这些行文件都很小,但是操作系统为每个文件保留了最小空间,所以我白白浪费了很多磁盘空间。我想要实现的解决方案是一个“虚拟”链接,它将被呈现并且表现得像一个常规链接,但实际上会像它们的“父”一样存储在同一个文件中(可能还有很多像它们这样的其他链接)。

到目前为止,我看到的解决方案仅用于在页面内“跳转”,但这不是我想要的,我希望它像一个单独的文件一样呈现,我不希望“父”文件在全部(查看它的唯一方法是按下链接,即使那样它也只会显示此信息而不显示其他文件内容)。

有什么想法吗?

4

1 回答 1

1

要链接到网页中的特定部分,请在您希望用户单击链接时转到的位置放置一个锚链接:

<a name="anchor"></a>

并链接到它:

Click <a href="#anchor">here</a>

如果需要,您可以用更具描述性的名称替换“锚”。


隐藏/显示 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>
于 2012-06-13T05:09:44.493 回答