包含可折叠递归目录列表的HTML

时间:2012-09-13 16:43:08

标签: html directory dropbox public

我想生成一个(静态)HTML文件,该文件将在浏览器中显示具有可折叠子目录的递归目录列表。

目前,我正在以下列方式使用树:

tree -H http://dl.dropbox.com/u/<user_id> > web/directory_listing.html

这将生成HTML递归目录(和文件)列表。为了清楚起见,我希望默认情况下折叠目录内容。选择目录后,所选目录中的目录和文件将展开并显示在同一页面中。

我有哪些方法可以生成这种类型的HTML?也许树的输出可以修改。我想要单个HTML文件列表的原因是因为我没有很多服务器控件(这是用于在Dropbox上托管)。

非常感谢您的帮助

1 个答案:

答案 0 :(得分:0)

如果您使用tree之类的东西,可能会添加一些javascript来实现元素显示/隐藏效果。这可以通过在树HTML(tree -H)输出的末尾连接一个javascript文件来轻松实现。

tree -H http://dl.dropbox.com/u/<user_id> > web/directory_listing_part.html
cat web/directory_listing_part.html web/some_file_containing_your_javascript_code > web/directory_listing.html

如果您愿意,甚至可以使用javascript来提供额外的样式。

看看这个页面:

http://mama.indstate.edu/users/ice/00Tree.html

这为您可以实现的格式提供了一个很好的示例。注意使用类名,这应该很容易让你用javascript / jquery

挂钩