建站知识
服务热线:
020-28932671 84818495
13802409204
QQ:370639301
QQ:1835531254
service@wxhl.net
info@wxhl.net
网页设计

asp无限级分类加js收缩伸展功能代码

发表日期:2011-7-25

asp无限级分类加js收缩伸展功能代码
    为了方便使用分类,我定义了一个分类表category,里面字段是id(自动编号)  cat_name(分类名)parent_id(父ID,对应本表ID) cat_order(顺序) is_show(是否显示)  u_id(这个用来区别是新闻分类,还是产品分类,还是其他分类),为了方便,我将这些分类全部放在这张表中。
    在给客户添加分类的时候,结果有太多的分类,本来前台显示的时候,将它们全部显示出来了,好长。客户提出修改意见,要求将它们改成点击大分类,才可以将其子分类显示出来,并且每个分类下面还有一条虚线,并且大分类前面有个图片加号,展开后要变成减号。
<script>
function fd(id,num)
{
 t=$("c"+id+"_1").style.display;
 
 if(t=="none")
 {
   t1="block";
   t2="images/fll_34.gif";
 }
 else
 {
  t1="none";
  t2="images/fll_34.gif";
 }
 for(i=1;i<=num;i++)
 {
  $("c"+id+"_"+i).style.display=t1;
  $("d_"+id).src=t2; 
 }
}
function $(id)
{
 return document.getElementById(id);
}
</script>
    这是asp无限级显示分类代码,并给这些分类加上id
<%
'功能:asp无限级显示分类+js显示与隐藏
'作者:wangsdong
'开发:www.aspprogram.cn
'参数:parent_id为父ID,stype为新闻,产品,文章大分类
'原创文章,转载请保留些信息,谢谢
function cat111(parent_id,stype)
set rs1 =server.createobject("adodb.recordset")
sql="select cat_name,cat_id,parent_id from category where parent_id="&parent_id&" and

u_id="&stype&" and is_show=1 order by cat_order asc"
set rs1=conn.execute(sql)
If rs1.eof Then
Else
if(depath>2) then
 display2="none"    
else
 display2="block"
end if 
dim j
j=1
do while not rs1.eof
 cat_name1 = rs1("cat_name")
 cat_id1 = rs1("cat_id") 
 parent_id1=rs1("parent_id")
 '******************下面是你要显示的******************'
 m9=0
 sql2="select count(cat_id) as t from category where parent_id="&cat_id1&" and u_id="&stype&""   
 set rs2=server.createobject("adodb.recordset")
 set rs2=conn.execute(sql2)
 if not rs2.eof then
    m9=rs2("t")
 else
  m9=0 
 end if
 rs2.close
 
 if(depath<=2) then 
  mgif="images/-.gif"
  a="block"
 else
  if(m9>0) then
  mgif="images/+.gif"
  else
  mgif="images/-.gif"
  end if
  if(depath=4) then
   a="block"
  else 
   a="none"
  end if
 end if 

 catstr=catstr & "<tr id=""c"&parent_id&"_"&j&""" style=""display:"&a&"""><td width=""25""

align=""center"" valign=""middle"" class=""dotted_class""><img src="""&mgif&""" width=""12""

height=""11"" id=""d_"&cat_id1&"""></td><td class=""dotted_class leftcatcss"">"
 if(m9>0) then
  catstr=catstr&"<a href=""javascript:void(0);"" _fcksavedurl="""javascript:void(0);"""

_fcksavedurl="""javascript:void(0);""" onclick=""fd("&cat_id1&","&m9&")"">" &vbnewline
 else
  catstr=catstr&"<a href=""products.asp?id="&cat_id1&""" target=""_blank"">"&vbnewline
 end if
 for i=1 to depath
   catstr=catstr&"&nbsp;"
 Next
 catstr=catstr&cat_name1&"</a></td></tr>"&vbnewline
 m9=0
    
 sql2="select cat_name,cat_id from category where parent_id="&parent_id1&" and u_id="&stype&" order

by cat_order asc"   
 set rs2=server.createobject("adodb.recordset")
 set rs2=conn.execute(sql2)
 if not rs2.eof then
    depath=depath+4 
    call cat111(cat_id1,stype)
 end if
 rs2.close
 set rs2=nothing
 depath=depath-4
 '******************上面是你要显示的******************'
 j=j+1
rs1.movenext
loop
End If
rs1.close
set rs1=nothing
end Function
%>
    在使用这个函数之前加上catstr=""然后再call,下面的虚线加在css中的dotted_class里面,这样就搞定了。
    注意:这里得到的是一个表格的行,要和其他行放在一起,不要加到td里面去了。

 
 

上一篇:强烈震撼!!!网络推广方法当中,什么广告效果最佳?
下一篇:网站建设开发应该有针对性的使用数据库
首页 | 关于众兴 | 网站建设 | 案例欣赏 | 网络推广 | 虚拟主机 | 域名注册 | 企业邮局 | 建站知识 | 联系我们 | SEO服务 | 网站地图