`
webcode
  • 浏览: 6174460 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

PHP树形菜单一次展开一个子项目

阅读更多

<?phprequire('../Connections/lr.php');?>
<?phprequire('pageconfig.php');
$htmlcatalogue="html/";//生成文件所在的目录
?>
<SCRIPTlanguage=JavaScript>
var__cc_uid="shenglu";
</SCRIPT>
<SCRIPTtype=text/javascript>
varpersistmenu="yes"//"yes"or"no".MakesureeachSPANcontentcontainsanincrementingIDstartingat1(id="sub1",id="sub2",etc)
varpersisttype="sitewide"//enter"sitewide"formenutopersistacrosssite,"local"forthispageonly

if(document.getElementById){//DynamicDrive.comchange
document.write('<styletype="text/css">\n')
document.write('.submenu{display:none;}\n')
document.write('</style>\n')
}

functionSwitchMenu(obj){
if(document.getElementById){
varel=document.getElementById(obj);
varar=document.getElementById("masterdiv").getElementsByTagName("tr");//DynamicDrive.comchange
if(el.style.display!="block"){//DynamicDrive.comchange
for(vari=0;i<ar.length;i++){
if(ar[i].className=="submenu")//DynamicDrive.comchange
ar[i].style.display="none";
}
el.style.display="block";
}else{
el.style.display="none";
}
}
}

functionget_cookie(Name){
varsearch=Name+"="
varreturnvalue="";
if(document.cookie.length>0){
offset=document.cookie.indexOf(search)
if(offset!=-1){
offset+=search.length
end=document.cookie.indexOf(";",offset);
if(end==-1)end=document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end))
}
}
returnreturnvalue;
}

functiononloadfunction(){
if(persistmenu=="yes"){
varcookiename=(persisttype=="sitewide")?"switchmenu":window.location.pathname
varcookievalue=get_cookie(cookiename)
if(cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

functionsavemenustate(){
varinc=1,blockid=""
while(document.getElementById("sub"+inc)){
if(document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
varcookiename=(persisttype=="sitewide")?"switchmenu":window.location.pathname
varcookievalue=(persisttype=="sitewide")?blockid+";path=/":blockid
document.cookie=cookiename+"="+cookievalue
}

if(window.addEventListener)
window.addEventListener("load",onloadfunction,false)
elseif(window.attachEvent)
window.attachEvent("onload",onloadfunction)
elseif(document.getElementById)
window.onload=onloadfunction

if(persistmenu=="yes"&&document.getElementById)
window.onunload=savemenustate

</SCRIPT>

<STYLEtype=text/css>BODY{
FONT-SIZE:12px;COLOR:#666666
}
TD{
FONT-SIZE:12px;COLOR:#666666
}
TH{
FONT-SIZE:12px;COLOR:#666666
}
BODY{
MARGIN:0px;BACKGROUND-COLOR:#f7f7f7
}
.xian{
BORDER-RIGHT:#bbbbbb1pxsolid;BORDER-LEFT:#bbbbbb1pxsolid
}
.sousuo{
BORDER-RIGHT:#6666661pxsolid;BORDER-TOP:#6666661pxsolid;FONT-SIZE:12px;BORDER-LEFT:#6666661pxsolid;COLOR:#ff0000;BORDER-BOTTOM:#6666661pxsolid
}
.sousuoboot{
FONT-SIZE:12px;COLOR:#ffffff;BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BACKGROUND-COLOR:#dc211a;BORDER-BOTTOM-STYLE:none
}
.form{
PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:12px
}
.imgnews{
HEIGHT:100px
}
.news{
PADDING-TOP:10px
}
A:link{
COLOR:#666666;TEXT-DECORATION:none
}
A:visited{
COLOR:#666666;TEXT-DECORATION:none
}
A:hover{
COLOR:#ff0000;TEXT-DECORATION:underline
}
A:active{
COLOR:#ff0000;TEXT-DECORATION:none
}
.mainbg{
BACKGROUND-POSITION:50%top;BACKGROUND-IMAGE:url(images/2009.gif);BACKGROUND-REPEAT:no-repeat;BACKGROUND-COLOR:#ffffff
}
.more{
MARGIN-TOP:11px;MARGIN-LEFT:178px
}
</STYLE>

<STYLEtype=text/css>.menutitle{
PADDING-RIGHT:2px;PADDING-LEFT:2px;FONT-WEIGHT:bold;MARGIN-BOTTOM:5px;PADDING-BOTTOM:2px;MARGIN-LEFT:auto;WIDTH:200px;CURSOR:pointer;COLOR:#000000;MARGIN-RIGHT:auto;PADDING-TOP:2px
}
.submenu{
MARGIN-BOTTOM:0.5em
}
</STYLE>


<divalign="center"class="cata">Browsebycategory</div>
<TABLEid=masterdivcellSpacing=2cellPadding=0width="100%"align=centerborder=0>
<TBODY>
<?phpmysql_select_db($database_lr,$lr);
$query=mysql_query("SELECT*FROMbigclassorderbysort");
$j=0;
while($row=mysql_fetch_array($query))
{$j=$j+1;
$bigclassid=$row['bigclassid'];
$bigclassname_leftmenu=$row['bigclassname'];
if($htmlname==1){
$bigclass_htmlname_leftmenu=$bigclassname_leftmenu;//大类名称
if(substr_count($bigclass_htmlname_leftmenu,"")>0){
$bigclass_htmlname_leftmenu=str_replace("","-",$bigclass_htmlname_leftmenu);
}
}
if($htmlname==0){
$bigclass_htmlname_leftmenu=$bigclassid;
}
?>

<TRclass=menutitleonClick="SwitchMenu('sub<?phpecho$j?>')">
<TD><imgsrc="../images/arrow.gif"style="margin-bottom:1px"/><Spanclass="bigclassname"><?phpecho$row['bigclassname']?></Span></TD></TR>
<Tr>
<TRclass=submenuid=sub<?phpecho$j?>>
<TD>



<TABLEcellSpacing=2cellPadding=0width="100%"border=0>

<TBODY>
<?php
mysql_select_db($database_lr,$lr);
$query_small=mysql_query("SELECT*FROMsmallclasswherebigclassid='$bigclassid'orderbysort");
while($rs=mysql_fetch_array($query_small))


{
$smallclassid_small_leftmenu=$rs['smallclassid'];
$smallclassname_small=$rs['smallclassname'];//小类名称

if($htmlname==1){
$smallclass_htmlname=$smallclassname_small;
if(substr_count($smallclass_htmlname,"")>0){
$smallclass_htmlname=str_replace("","-",$smallclass_htmlname);
}
}
if($htmlname==0){
$smallclass_htmlname=$smallclassid_small_leftmenu;
}

?>
<tr><Td>&nbsp;&nbsp;&nbsp;<imgsrc="../images/arrow.gif"style="margin-bottom:0px"/><ahref="<?phpecho"../".$htmlcatalogue."".$bigclass_htmlname_leftmenu."_".$smallclass_htmlname."_page_1.html"?>"class="smallclasslink"><?phpecho$rs['smallclassname']?></a></Td></tr>
<?php
}?>
</TBODY></TABLE>



</TD></TR>
<?php
}?></TBODY></TABLE>
数据库为mysql,表结构如下,bigclass 字段为bigclassid bigclassname ,小类为smallclass字段为smallclassid,smallclassid
分享到:
评论

相关推荐

    ajax树形菜单 动态显示

    在这个“ajax树形菜单 动态显示”的项目中,我们关注的是如何利用Ajax技术来实现一个交互式的、只在需要时加载内容的树形菜单。 树形菜单是一种常见的用户界面元素,它通过层级结构来展示信息,常用于网站导航、...

    使用 zTree 动态加载树形菜单

    接着,你需要创建一个HTML结构来承载树形菜单。zTree通常会使用`&lt;ul&gt;`和`&lt;li&gt;`元素来构建树结构。每个`&lt;li&gt;`元素代表一个节点,可以通过`data-id`等属性绑定数据。例如: ```html &lt;ul id="treeDemo" class="ztree"&gt;...

    extjs实现动态树加载菜单

    它提供了丰富的组件库,包括数据绑定、布局管理、图表以及我们今天要讨论的重点——动态树形菜单。动态树加载菜单是 ExtJS 中一种常见且实用的功能,它允许用户在需要时按需加载树节点,从而提高应用性能,减少初次...

    JSP树型菜单 DTree源代码

    DTree是一款流行的JSP树形菜单组件,它能够帮助开发者在网页中创建交互式的、可展开/折叠的菜单系统。这个压缩包包含的资源文件如下: 1. **dtree.css**:这是DTree的样式表文件,定义了菜单项的外观,包括字体、...

    zTree树形结构

    总的来说,zTree是一个强大且易用的前端树形结构组件,它简化了前端开发中的树形结构处理,提高了开发效率,同时为用户提供直观、互动的体验。通过对`zTree_v3-master`的深入理解和实践,开发者能够更好地掌握zTree...

    dtree+jquery动态生成树

    【dtree+jquery动态生成树】是一个用于创建交互式树形结构的JavaScript库,结合了jQuery框架的强大功能,使得在网页上动态展示层次结构数据变得简单。本实例着重于实现菜单树的生成,这对于构建多级导航系统尤其有用...

    树型结构自动生成HTML系统

    4. **动态加载与交互**:为了提高用户体验,可以考虑使用Ajax异步加载树结构,用户点击某个节点时,仅加载该节点的子节点,而不是一次性加载所有数据。此外,还可以添加折叠/展开、搜索等交互功能。 5. **优化与...

    IE树控件IE树控件IE树控件

    当用户展开一个节点时,只请求必要的子节点数据,而不是一次性加载整个树,这降低了页面加载时间。 5. **服务器端编程**:在服务器端,开发者可能需要使用PHP、ASP.NET、Java等语言处理AJAX请求,返回JSON或XML格式...

    PHP无限分类

    非递归方法如使用栈或队列,先将所有分类按特定顺序(如父ID升序)遍历一次,然后通过判断当前分类与前一个分类的父ID关系来构建分类树。这种方法效率较高,但实现起来相对复杂。 **无限分类的数据结构** 无限...

    comment.zip

    2. **自连接**:在评论表中添加一个字段,表示评论的父评论ID,通过一次查询获取所有评论,然后在代码层面构建树形结构。这种方法虽然初次查询数据量较大,但后续操作更高效。 在ThinkPHP框架中,可以使用模型和...

    ztreeTest_search很大气实用的带搜索树

    在"ztreeTest_search"这个项目中,它被优化为一个大气且实用的带搜索功能的树形组件,非常适合在需要大量数据筛选和组织的场景下使用。下面我们将详细探讨ZTree的核心特性和如何在实际应用中利用它的搜索功能。 1. ...

    easyui tree

    在异步树中,数据不是一次性加载的,而是根据用户的滚动或展开节点时按需加载,这提高了应用性能,尤其是处理大量数据时。以下将详细介绍这个示例中的关键知识点: 1. **EasyUI Tree组件**: - `tree`组件是EasyUI...

    ExtJS构造动态异步加载

    通过这种方式,我们可以构建一个高效的、响应式的树形结构,提升用户体验。 总结,使用ExtJS结合AJAX和JSON数据格式,可以构建出动态异步加载的树形组件。这种方式既节省了网络资源,又保证了用户界面的流畅性。在...

    jquery ztree 异步动态加载

    jQuery ZTree是一款强大的JavaScript组件,用于构建具有丰富交互效果的树状菜单或树形控件。在面对大数据量时,ZTree提供了异步加载功能,能够显著提高用户体验,避免一次性加载所有节点导致页面响应速度变慢。 **1...

    基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理

    例如,以下代码展示了如何使用Bootstrap创建一个可展开的菜单项: ```html &lt;i class="icon-home"&gt;&lt;/i&gt; 首页 &lt;span class="selected"&gt;&lt;/span&gt; &lt;span class="arrow open"&gt;&lt;/span&gt; &lt;!-- 其他菜单项... -...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    --我们做了优化,现在要使一个Asp.net的按钮能够AJAX提交,你不需要做任何设置(PageManager的属性EnableAjax为true即可,这是默认属性)。 +PageManager的实例方法AddAjaxUpdateControl改名为...

    ExtAspNet_v2.3.2_dll

    -修正extjs最新版本(v3.2.2)中的一个bug,如果下拉列表中存在两个相同的Text,则SelectedValue返回值永远是第一个Text的值(feedback:ben.zhou)。 -应用补丁#6593, #6621(feedback:vbelyaev)。 +修正IE7下Grid分页...

Global site tag (gtag.js) - Google Analytics