我的博客| Blog
- ·微信小程序错误:VM564:...
- ·mongodb3.2设置密码...
- ·单行滚动代码-单行滚动效果
- ·自己动手制作图形字体,以便于...
- ·MySQL无限级分类PHP按...
- ·Windows下的Apach...
- ·如何将网站上的文章分享到微信...
- ·PHP实现自动获取本月第几个...
联系我| Contact Me
- 电话:18681257080
- QQ:271538869
- 邮编:518020
- 信箱:service@08321.org
- 地址:四川省内江市资中县
诚信稳健,和谐共赢
- 以诚信为立世之本,在稳健的基础上,不断寻求创新与突破。
- 以务实严谨、精微细致的专业精神,为客户做最优质的策划,实现效果最大化。
成功,依稀可见
- 为什么成功依稀可见?
- 依希认为:每一人都有成功的机会,只要我们愿意付出努力,成功就在我们的前方。所以:成功,依稀可见!
我的博客
实用JS技巧——二级分类显示/隐藏方式技巧
来源:本站编辑 发布日期:2009-8-31 已有 人浏览过此信息
一个小技巧,实用于二级或多级分类的显示/隐藏技巧。 一般在建设企业网站或其它网站时,都会有需要将分类显示出来,但全部显示出来会有些长了。所以得点击上级显示下级分类,而点击上级分类时不能跳转。 但有时有些分类有二级,甚至多级,但有些只有一级;如果按常规方法统一处理就会出现问题,点击只有一级的分类无法跳转。 所以这里放出来的这个技巧专门针对这种情况:
原理:利用JS返回布林值,来确定<a>标签是否需要跳转,在有下级分类的情况下返回 false值,并显示出下级分类。在无下级分类时返回跳转值为 True 。
参考程序如下:
<script type="text/javascript">
<!--
function showtp(bid)
{
var obj=document.getElementById('tp'+bid);
if (obj!=null)
{
//如果下级分类的DIV控件存在,则显示下级分类,并返回False不允许A标签跳转;
obj.style.display=obj.style.display=='none'?'block':'none';
return false;
}
else
{return true;//如果控件不存在则表示无下级分类,返回True进行跳转;}
}
//-->
</script>
<ul>
<%
set cl=conn.execute("select id,classname_cn from class_1")
do while not cl.eof
'回圈跑完整个一级分类
response.write("<li><a href='products.asp?sortid="&cl(0)&"' onclick='javascript:return showtp("&cl(0)&");'>"&cl(1)&"</a>")
set c2=conn.execute("select id,classname_cn from class_2 where sid="&cl(0))
if not c2.eof then '如果存在二级分类则建立一个有独立ID的隐藏控件,以便显示出来。 不存在则直接跳过,控件将不存在
response.write("<div id='tp"&cl(0)&"' style='display:none;'>")
'回圈跑二级分类
do while not c2.eof
response.write("<p><a href='products.asp?typeid="&c2(0)&"'>"&c2(1)&"</a></p>")
c2.movenext
loop
end if
c2.close:set c2=nothing
response.write("</li>")
cl.movenext
loop
cl.close:set cl=nothing
%>
</ul>
原理:利用JS返回布林值,来确定<a>标签是否需要跳转,在有下级分类的情况下返回 false值,并显示出下级分类。在无下级分类时返回跳转值为 True 。
参考程序如下:
<script type="text/javascript">
<!--
function showtp(bid)
{
var obj=document.getElementById('tp'+bid);
if (obj!=null)
{
//如果下级分类的DIV控件存在,则显示下级分类,并返回False不允许A标签跳转;
obj.style.display=obj.style.display=='none'?'block':'none';
return false;
}
else
{return true;//如果控件不存在则表示无下级分类,返回True进行跳转;}
}
//-->
</script>
<ul>
<%
set cl=conn.execute("select id,classname_cn from class_1")
do while not cl.eof
'回圈跑完整个一级分类
response.write("<li><a href='products.asp?sortid="&cl(0)&"' onclick='javascript:return showtp("&cl(0)&");'>"&cl(1)&"</a>")
set c2=conn.execute("select id,classname_cn from class_2 where sid="&cl(0))
if not c2.eof then '如果存在二级分类则建立一个有独立ID的隐藏控件,以便显示出来。 不存在则直接跳过,控件将不存在
response.write("<div id='tp"&cl(0)&"' style='display:none;'>")
'回圈跑二级分类
do while not c2.eof
response.write("<p><a href='products.asp?typeid="&c2(0)&"'>"&c2(1)&"</a></p>")
c2.movenext
loop
end if
c2.close:set c2=nothing
response.write("</li>")
cl.movenext
loop
cl.close:set cl=nothing
%>
</ul>
上一条:ASP生成HTML静态文件的方法
下一条:利用JS在本页加载新窗口(一)