仿CSDN论坛的左侧导航树型菜单功能

wzwen 2009-02-16 01:50:10

我有一个论坛，左右型的框架页面（左边的框架页wleft.php，右边的框架页wmain.php）
怎样实现
当我点击左侧的一级版块，在一级版块下面展开二级版块，并且在右侧页面显示二级版块的简介（假设为123.html页面）呢？
就像CSDN论坛的左侧导航树型菜单功能一样：比如说我点击“Java论坛”，不权展开该版块下面的子版块，而且在右侧显示java论坛的一些新帖
我用js只能做到：点击左侧的一级版块，左侧的一级版块下面展开二级版块，无法实现右侧同时显示二级版块的简介

论坛的框架页：



<html>

<frameset cols="150,*" frameborder="no" border="1" framespacing="0">

  <frame src="wleft.php" name="leftFrame" scrolling="AUTO" noresize="noresize" id="leftFrame" title="leftFrame" />

  <frame src="wmain.php" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="AUTO" frameborder="NO"/>

</frameset>

<noframes><body>

</body>

</noframes>

</html>

左边的版块导航页：



<SCRIPT LANGUAGE="JavaScript">

<!--

function ShowSub(theId)

{

	theFo = eval("fold_" + theId);

	if (theFo.style.display == "none")

	{

		theFo.style.display = "block";

	}

	else

	{

		theFo.style.display = "none";

	}/*

	for (i = 0; i < 7; i++)

	{

	if (i == theId)

	continue;

	theFo = eval("tr_" + i);

	theFo.style.display = "none";

	}*/

}

//-->

</SCRIPT>





<table>

<!--一级栏目-->

	<tr>

		<td colspan=2><strong>+<a href="javascript:ShowSub('0')">一级版块</a></strong></td>

	</tr>

	<!--一级栏目下->1级子目录1-->

	<tr id='fold_<?php echo $i++ ?>' style="display:none">

		<td>

			<table>

				<!--2级子目录1_01-->

				<tr>

					<td colspan=2>二级版块1</td>

				</tr>

				<tr>

					<td colspan=2>二级版块2</td>

				</tr>

			</table>

		</td>

	</tr>

</table>

...全文

749 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

哈特比尔波 2011-10-21

打赏
举报

如果你们有代码就好了，如果能发送一份给我使用那就太好了。我的邮箱hiv002@163.com谢谢。

wj_black503 2011-08-22

打赏
举报

求楼主把源码发给我学习一下好吗？谢谢了 503812880@qq.com

zhangwenfeng2000 2011-08-20

打赏
举报

学习中

yong469546396 2009-05-22

打赏
举报

能把你的源码发给我学习一下吗？万分感谢!822575787@qq.com

wzwen 2009-02-17

打赏
举报

谢谢上面两位,问题已经解决了,只是还有个小问题

为什么我的左边的版块导航页展开菜单代码在FF下不能正常展开呢？

fxs_2008 2009-02-17

打赏
举报

我那个是ajax版的，曾写过纯js，纯PHP，及ajax三个版本，可惜一次没保存，在zend中删除项目，意外给我全删了

fxs_2008 2009-02-17

打赏
举报

这个是查询问题，一是节点要有链接
二是集合查询，比如：点父节点时查其下所有子菜单的数据

看看我仿CSDN写的（不同内核，不是梅花树）：

http://www.zzxj.net/forum/

xiongzhijian 2009-02-17

打赏
举报





function ShowSub(theId)

{

    theFo = eval("fold_" + theId);

    if (theFo.style.display == "none")

    {

        theFo.style.display = "block";

    }

    else

    {

        theFo.style.display = "none";

    }

    var linkHtml = "123.html"; //根据传进来的theId分析右侧要显示哪些页面。牵涉到具体业务，不作讨论

    document.getElementById('mainFrame').src = linkHtml;



}

xiongzhijian 2009-02-17

打赏
举报

这个好办！



function ShowSub(theId)

{

    theFo = eval("fold_" + theId);

    if (theFo.style.display == "none")

    {

        theFo.style.display = "block";

    }

    else

    {

        theFo.style.display = "none";

    }

    var linkHtml = "123.html"; //根据传进来的theId分析右侧要显示哪些页面。

    document.getElementById('mainFrame').src = "123.html";

wzwen 2009-02-17

打赏
举报

为什么我的左边的版块导航页展开菜单代码在FF下不能正常展开呢？

wzwen 2009-02-16

打赏
举报

[Quote=引用 4 楼 liuhua19841201 的回复:]
jquery有tree 你去看看比这个好看
csdn写的比较死，都是循环，他的那些点都是循环加上去的，你可以看一下他的源码
[/Quote]

js最近正想学,本人一点基础没有,jquery不懂啊,想从最基础的学起,以后会了再学jquery吧