Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在php页面的树状视图中显示数据_Php_Javascript_Html_Ajax - Fatal编程技术网

在php页面的树状视图中显示数据

在php页面的树状视图中显示数据,php,javascript,html,ajax,Php,Javascript,Html,Ajax,我有一个网站(Php和Javascript),在左边我想显示类别和相应的子类别 树应该是可移动的,就像在这个链接上一样 请建议我应该做什么。请查看-这里有很多很好的例子 要了解折叠效果,请查看jQuery的.slide()方法,这两个链接非常好地解释了问题 或者干脆试试这个 <html> <head> <script type="text/javascript"> function changeDisplayState(sBoxId)

我有一个网站(Php和Javascript),在左边我想显示类别和相应的子类别

树应该是可移动的,就像在这个链接上一样

请建议我应该做什么。

请查看-这里有很多很好的例子


要了解折叠效果,请查看jQuery的.slide()方法,这两个链接非常好地解释了问题

或者干脆试试这个

<html>
<head>
    <script type="text/javascript">
    function changeDisplayState(sBoxId)
    {
    if (document.getElementById) {
    oBox = document.getElementById(sBoxId).style;
    if (oBox.display == "none" || oBox.display == "NULL") {
    oBox.display = "block";
    } else {
    oBox.display = "none";
    }
    }
    }
</script>
</head>


<body>
        <ul>
<li>parent 1</li>
<li><a href="javascript:changeDisplayState('childset_1')">parent 2</a>
<ul id="childset_1">
<li><a href="javascript:changeDisplayState('grandchildset_1')">child 1</a>
<ul id="grandchildset_1">
<li>grandchild 1</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>

功能更改显示状态(sBoxId)
{
if(document.getElementById){
oBox=document.getElementById(sBoxId).style;
如果(oBox.display==“无”| | oBox.display==“空”){
oBox.display=“块”;
}否则{
oBox.display=“无”;
}
}
}
  • 父1
      • 孙女1

此网站上没有树。你是说他们的主页吗?然后您可以使用多个ULs@NCode我想创建sane移动控件,就像顶级类别覆盖链接中的类别列表一样provided@nickb我不是从哪里来的start@Mohit可移动=可折叠?@ManseUK是的,我是说可折叠?