我该如何创建可折叠大纲？
可折叠大纲是网页的一个隐藏部分，可以切换显示和隐藏。通常通过小的 + 和 - 图像实现。以下是一个使用 HTML 完整页面的示例。实际上我们在这个例子中使用的是 DHTML。我曾经在 7dana 网站上看到过这样的例子，尽管这并不是他们使用的特定代码。
<head>
<title>Collapsible Outline Exampletitle>
<script>
function toggle(toggleId, e)
{
if (!e) {
e = window.event;
}
if (!document.getElementById) {
return false;
}
var body = document.getElementById(toggleId);
if (!body) {
return false;
}
var im = toggleId + "_toggle";
if (body.style.display == 'none') {
body.style.display = 'block';
if (document.images[im]) {
document.images[im].src = "close.png";
}
} else {
body.style.display = 'none';
if (document.images[im]) {
document.images[im].src = "open.png";
}
}
if (e) {
// Stop the event from propagating, which
// would cause the regular HREF link to
// be followed, ruining our hard work.
e.cancelBubble = true;
if (e.stopPropagation) {
e.stopPropagation();
}
}
}
script>
head>
<body>
<h1>Collapsible Outline Exampleh1>
<div onClick="toggle('one', event)">
<img src="open.png" name="one_toggle">
A. The first heading.
div>
<div id="one" style="display:none;">
<div onClick="toggle('one_a', event)">
<img src="open.png" name="one_a_toggle">
1. The first entry under the first heading.
div>
<div id="one_a" style="display:none;">
a. An entry with no children.<br>
b. An entry with no children.<br>
c. An entry with no children.<br>
div>
div>
<div onClick="toggle('two', event)">
<img src="open.png" name="two_toggle">
B. The second heading.
div>
<div id="two" style="display:none;">
<div onClick="toggle('two_a', event)">
<img src="open.png" name="two_a_toggle">
1. The first entry under the second heading.
div>
<div id="two_a" style="display:none;">
a. An entry with no children.<br>
b. An entry with no children.<br>
c. An entry with no children.<br>
div>
div>
body> 
|
|
Login
Search
Who's Online
Donat-O-Meter
| Stats | |
| Goal: | $100.00 |
| Due Date: | Aug 31 |
| Gross Amount: | $0.00 |
| Net Balance: | $0.00 |
| Left to go: | $100.00 |
 |
|
Did you know ?
There is a flash tutorial explaining exactly how to add some first content to your new site!
Random question
Recent Q&A List
- How to minimize Spam...
- Is there any chance to connect...
- How to download files from XOOPS...
- I'm making a module/theme and...
- How to properly configure your...
- How can i verify all of my files...
- I would like to know if it's...
- Can someone point me to the...
- Sense of XOOPS_TRUST_PATH
- I using the theme phpkaox, but...
我制作了一个大纲，测试和调整直到完美工作，但在尝试与之一起使用的每个模块中，它们都会删除 JavaScript。那么如何在 XOOPS 界面中显示这个大纲呢？
我试过了 WF-Channel 和 TinyContent，但都不起作用。
或许这很明显，但我看不到如何实现，除非只是链接到外部的 HTML 文件，在这种情况下，为什么在这里发布这个说明？
先行感谢任何帮助。
更新
我在这里找到了答案 这里。