การจำแนกประเภทที่ไม่มีที่สิ้นสุดของ ASP รวมถึงโค้ดตัวอย่างฟังก์ชันการย่อขนาดและยืด js
ตัวอย่างนี้จะแนะนำฟังก์ชันการจำแนกประเภทไม่จำกัดโดยใช้ ASP เป็นหลัก และย่อและขยายโดยใช้ JS
ก่อนการดำเนินการ ฉันกำหนดหมวดหมู่ตารางการจำแนกประเภทซึ่งมีฟิลด์อยู่
id (หมายเลขอัตโนมัติ) cat_name (ชื่อหมวดหมู่) parent_id (ID หลักซึ่งสอดคล้องกับ ID ของตารางนี้) cat_order (คำสั่งซื้อ) is_show (ไม่ว่าจะแสดงหรือไม่) u_id (ใช้เพื่อแยกแยะว่าเป็นหมวดข่าว, หมวดสินค้า หรือหมวดหมู่อื่นๆ) เพื่อความสะดวก ฉันจึงใส่หมวดหมู่เหล่านี้ทั้งหมดไว้ในตารางนี้
เมื่อเพิ่มหมวดหมู่ให้กับลูกค้า มีหมวดหมู่มากเกินไป เมื่อแรกเริ่มแสดงที่แผนกต้อนรับ ปรากฏทั้งหมดซึ่งยาวมาก ลูกค้าเสนอแนะการปรับเปลี่ยนและขอให้เปลี่ยนให้คลิกหมวดใหญ่เพื่อให้สามารถแสดงหมวดย่อยได้ มีเส้นประ ในแต่ละหมวด และมีรูปเครื่องหมายบวกอยู่หน้าหมวดใหญ่ ซึ่งควรกลายเป็นเครื่องหมายลบหลังจากการขยายตัว
<สคริปต์>
ฟังก์ชั่น fd(id,num)
-
t=$(c+id+_1).style.display;
ถ้า(t==ไม่มี)
-
t1=บล็อก;
t2=ภาพ/fll_34.gif;
-
อื่น
-
t1=ไม่มี;
t2=ภาพ/fll_34.gif;
-
สำหรับ(i=1;i<=num;i++)
-
$(c+id+_+i).style.display=t1;
$(d_+id).src=t2;
-
-
ฟังก์ชั่น $(id)
-
ส่งคืน document.getElementById(id);
-
</สคริปต์>
นี่คือโค้ดหมวดหมู่การแสดงผลแบบไม่จำกัดของ ASP และเพิ่มรหัสให้กับหมวดหมู่เหล่านี้
-
'ฟังก์ชัน: การจำแนกประเภทการแสดงผล asp แบบไม่จำกัด + การแสดงและซ่อน js
'ผู้เขียน: wangsdong
การพัฒนา: www.aspprogram.cn
'พารามิเตอร์: parent_id คือรหัสพาเรนต์ stype คือข่าวสาร ผลิตภัณฑ์ และหมวดหมู่บทความ
'บทความต้นฉบับกรุณาเก็บข้อมูลบางส่วนเมื่อพิมพ์ซ้ำขอบคุณ'
ฟังก์ชั่น cat111 (parent_id, stype)
ตั้ง rs1 =server.createobject(adodb.recordset)
sql=select cat_name,cat_id,parent_id จากหมวดหมู่โดยที่ parent_id=&parent_id& และ u_id=&stype& และ is_show=1 เรียงลำดับตาม cat_order asc
ตั้งค่า rs1=conn.execute(sql)
ถ้า rs1.eof แล้ว
อื่น
ถ้า(depath>2) แล้ว
display2=ไม่มี
อื่น
display2=บล็อก
สิ้นสุดถ้า
สลัวเจ
เจ=1
ทำในขณะที่ไม่ใช่ rs1.eof
cat_name1 = rs1(cat_name)
cat_id1 = rs1(cat_id)
parent_id1=rs1(parent_id)
'****************** ต่อไปนี้คือ ****************** ที่คุณต้องการแสดง'
ม9=0
sql2=select count(cat_id) เป็น t จากหมวดหมู่โดยที่ parent_id=&cat_id1& และ u_id=&stype&
ตั้งค่า rs2=server.createobject (adodb.recordset)
ตั้งค่า rs2=conn.execute(sql2)
ถ้าไม่ใช่ rs2.eof แล้ว
m9=rs2(ที)
อื่น
ม9=0
สิ้นสุดถ้า
rs2.ปิด
if(depath<=2) แล้ว
mgif=images/-.gif
ก=บล็อก
อื่น
ถ้า(m9>0) แล้ว
mgif=images/+.gif
อื่น
mgif=images/-.gif
สิ้นสุดถ้า
ถ้า(depath=4) แล้ว
ก=บล็อก
อื่น
ก=ไม่มี
สิ้นสุดถ้า
สิ้นสุดถ้า
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>
ถ้า(m9>0) แล้ว
catstr=catstr&<a href=javascript:void(0); _fcksavedurl=javascript:void(0); _fcksavedurl=javascript:void(0);fd(&cat_id1&,&m9&)> &vbnewline
อื่น
catstr=catstr&<a href=products.asp?id=&cat_id1& target=_blank>&vbnewline
สิ้นสุดถ้า
สำหรับ i=1 ที่จะจากไป
catstr=catstr
ต่อไป
catstr=catstr&cat_name1&</a></td></tr>&vbnewline
ม9=0
sql2=เลือก cat_name,cat_id จากหมวดหมู่ โดยที่ parent_id=&parent_id1& และ u_id=&stype& เรียงลำดับตาม cat_order asc
ตั้งค่า rs2=server.createobject (adodb.recordset)
ตั้งค่า rs2=conn.execute(sql2)
ถ้าไม่ใช่ rs2.eof แล้ว
ความลึก=ความลึก+4
โทร cat111(cat_id1,stype)
สิ้นสุดถ้า
rs2.ปิด
ตั้งค่า rs2=ไม่มีอะไร
depath=depath-4
'****************** ด้านบนคือ ****************** ที่คุณต้องการแสดง'
เจ=เจ+1
rs1.movenenext
วนซ้ำ
สิ้นสุดถ้า
rs1.ปิด
ตั้งค่า rs1=ไม่มีอะไร
สิ้นสุดฟังก์ชัน
-
ก่อนใช้ฟังก์ชันนี้ให้เพิ่ม
catstr=
จากนั้นโทรอีกครั้งและเพิ่มเส้นประต่อไปนี้ใน dotted_class ใน css
ฟังก์ชั่นทั้งหมดได้ถูกนำมาใช้จนถึงจุดนี้