為了方便使用分類，我定義了一個(gè)分類表category，里面字段是
id(自動(dòng)編號(hào)) cat_name(分類名) parent_id(父ID，對(duì)應(yīng)本表ID) cat_order(順序) is_show(是否顯示) u_id(這個(gè)用來區(qū)別是新聞分類，還是產(chǎn)品分類，還是其他分類)，為了方便，我將這些分類全部放在這張表中。
在給客戶添加分類的時(shí)候，結(jié)果有太多的分類，本來前臺(tái)顯示的時(shí)候，將它們?nèi)匡@示出來了，好長。客戶提出修改意見，要求將它們改成點(diǎn)擊大分類，才可以將其子分類顯示出來，并且每個(gè)分類下面還有一條虛線，并且大分類前面有個(gè)圖片加號(hào)，展開后要變成減號(hào)。
<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無限級(jí)顯示分類代碼，并給這些分類加上id
<%
'功能：asp無限級(jí)顯示分類+js顯示與隱藏
'參數(shù)：parent_id為父ID，stype為新聞，產(chǎn)品，文章大分類
'原創(chuàng)文章，轉(zhuǎn)載請(qǐng)保留些信息，謝謝
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&" "
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
%>
在使用這個(gè)函數(shù)之前加上
catstr=""
然后再call，下面的虛線加在css中的dotted_class里面，這樣就搞定了。
注意：這里得到的是一個(gè)表格的行，要和其他行放在一起，不要加到td里面去了。
渝公網(wǎng)安備 50024202000196號(hào)
域名注冊(cè)知識(shí)
虛擬主機(jī)知識(shí)
網(wǎng)站建設(shè)知識(shí)
網(wǎng)絡(luò)推廣知識(shí)
網(wǎng)絡(luò)營銷知識(shí)
常見技術(shù)問題
QQ空間
新浪微博
開心網(wǎng)
人人網(wǎng)