Dreamweaver+ASP制作动态二级菜单

dreamweaver|菜单|动态|二级菜单

  一般情况下这种情况是来对二级的目录有用,对于现在网站流传的JS好多种,但都无外乎那些令像我这样的菜鸟晕头转向的JS代码。。一下子for...一下子array的。

  首先得建一个表,当然,如果你的表中就已经建好目录的话,那这一步可以省略了。但有一点要提醒:这个表是我这个例子的使用依据(不知道这样说对不对)。

  由于我用的表是ACCESS的,所以建表就不说了,只列出这个两个表的相应的字段名(数据库名:db.mdb):

  表名:type_tree ——父类
  字段:type_id(自动编号) type_name(类别名称)

  表名:s_type   ——子类
  字段:id(自动编号) s_name(子类别名称) type_id(父类ID)——与父类表相对应

  现在是建立数据库连接:

Dim conn, connStr

Set conn = server.CreateObject("ADODB.Connection")connStr = "Provider = Microsoft.jet.oledb.4.0;"connStr = connStr & "Data Source = " & server.mappath("db.mdb")Conn.Open connStr

  以上代码应当不用再解释了吧,都是大家常用的代码。。

  现在进入实质性的操作:)

  二级关联菜单一般情况下都是以下拉菜单来做,这里我也不例外,一样用下拉菜单来做。
只不过这里有一个地方不一样哦。

  就是一个用的是跳转菜单,这一点很重要,成功与否全看这个菜单有没有用对!以下是这个跳转菜单的代码!

<select name="first" >
<%
sql = "select [type_id],[type_name] from [type_tree]"
set rs = conn.execute(sql)'取得父类的ID及名称
if rs.eof or rs.bof then
response.write "<option>-----</option>" '如果没有记录,就显示-----
else
while not(rs.eof or rs.bof) '有记录,就将父名称列出来,形成下拉。
response.write ("<option value='?sec=" & rs(0) & "'")
if cstr(rs(0)) = request.querystring("sec") then
    response.write "selected"
end if
response.write (">" & rs(1) & "</option>")
rs.movenext
wend
rs.movefirst '将游标移到第一条,以备下面之用。
end if
%>
</select>

  哦,对了,还有一段代码忘了贴出来了,这个是跳转菜音的关键啊,看我粗心的!补上补上:

<script language="javascript" type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>

  以上代码贴到<head>里,是DW生成,我看不太懂什么意思,所以不注解了。现在是菜单的二级部分,这里不是用跳转菜单,只是一个列表罢了,所以代码跟上面的跳转菜单也就差一个onchange这个函数。

  以下是这个菜单的代码,由于循环跟判断相对上面来说复杂一些,大伙要看清楚一点哦。

<select name="second">
<%if rs.eof or rs.bof then
response.write ("<option>--------</option>")
else
if request.querystring("sec") = "" then   '获取跳转之后的sec值
   temp=rs(0)   如果为空,就把temp的值设为第一条记录的值
else
   temp = request.querystring("sec")   '否则就为收到的值
end if
subsql = "select [s_name] from [s_type] where type_id='"&temp&"'"
set subrs = conn.execute(subsql)   '列出一切资料为temp的记录
if subrs.eof or subrs.bof then
  response.write ("<option>-----</option>")
  '如果没有记录,则在这个列表中显示"-----"
else
 while not(subrs.eof or subrs.bof)'否则就用循环列出一切符合条件的记录。
   response.write ("<option value=" & subrs(0) & ">" & subrs(0) & "</option>")
 subrs.movenext
 wend
end if
end if

'关闭所有的记录集
subrs.close
set subrs = nothing
rs.close
set rs = nothing
conn.close
set conn = nothing
%>
</select>

  到现在为止,已经将这个二级菜单的制过程做完了,很简单的一个看把我给说的。大家看不懂再说吧,反正我已经不知道该怎么说了。高手们不吝赐教啊。

时间: 2024-12-08 19:23:34

Dreamweaver+ASP制作动态二级菜单的相关文章

DW+ASP 玩转动态二级菜单

菜单|动态|二级菜单 一般情况下这种情况是来对二级的目录有用,对于现在网站流传的JS好多种,但都无外乎那些令像我这样的菜鸟晕头转向的JS代码..一下子for...一下子array的.废话少说,切入正题了. 首先得建一个表,当然,如果你的表中就已经建好目录的话,那这一步可以省略了.但有一点要提醒:这个表是我这个例子的使用依据(不知道这样说对不对). 由于我用的表是ACCESS的,所以建表就不说了,只列出这个两个表的相应的字段名(数据库名:db.mdb):表名:type_tree --父类字段:ty

如何用Dreamweaver轻松制作弹出菜单

dreamweaver|菜单 本文选自4u2v工作室编写的<Dreamweaver网页设计与制作100例>(人民邮电出版社出版,ISBN: 7115142394 ).未经著作权所有者书面授权许可,禁止转载本文. 购买地址:点击访问 弹出菜单在网页制作中是一种非常常用的菜单方式,这种菜单不但制作简单,而且效果也很好. 效果说明 本实例所要完成的效果是当鼠标移动到文字上时,就会弹出一个漂亮的菜单,如图 17-1 和图 17-2 所示. 创作思想 本实例首先在网页中输入一行文字,并对文字做一个特殊的

动态二级菜单

在csdn上见到一个朋友问的,私信又有字数限制,所以在这里写一篇博客: 首先,了解一下二级菜单的作用.即:二级菜单会根据一级菜单值的不同而动态的改变其下拉选项的值. 下面是根据所属园区改变楼宇的值: 首先:新建两个选择菜单,作为一级菜单和二级菜单.  所属园区 <select id="parkID" name="parkID" style="width:180px;height:30px" onchange="javascript

Dreamweaver网页制作教程:菜单概述

dreamweaver|菜单|教程|网页 菜单概述 本节提供 Dreamweaver MX 2004中各菜单的简要说明.下图为菜单条: 以下分别叙述菜单选项: 文件菜单 编辑菜单     "文件"菜单 包含"新建"."打开"."保存"."保存全部",还包含各种其他命令,用于查看当前文档或对当前文档执行操作,例如"在浏览器中预览"和"打印代码". "编辑&qu

用dreamweaver如何制作网页折叠菜单效果

去过Microsoft的网站吗?(如图一)如果去过的话,那么你应该对这个站上面那条折叠式菜单的导航栏感到赞叹吧?你想过你也能够做出这样的效果吗?来吧,不用羡慕了,心动不如行动!   折叠式菜单实际上是通过层的显示和隐藏,来达到这种效果的.现在就让我来说说如何制作吧.Follow Me!先打开DreamWeaver(DreamWeaver对层的支持很好的,也是做网页的必备工具). 第一步:先插入一个一行.两列的表格,方法:单击菜单上的"插入"(Insert),再选取"表格&qu

Dreamweaver如何制作弹出菜单

  1.在网页中输入文字,因为单独的文本文字是无法添加行为的,因此需要将文字的超链接设置为" JavaScript:; ",并执行"显示弹出式菜单"操作. 2.设置菜单项和子菜单项,并为菜单设置超链接,然后安排好各个菜单的次序. 3.将菜单设置为垂直菜单,并分别设置菜单的字体.字号.对齐方式.一般状态和鼠标滑过时的状态. 4.在"高级"标签选项中设置菜单的延迟时间,以及是否显示菜单边框.然后设置边框的宽度.颜色.阴影.高亮. 5.在"位

Flash8制作动态开门效果网页菜单

菜单|动态|网页 今天给大家讲解一个如何利用Flash制作动态网页菜单,如果好你就可以直接拿去用了!你也可以自己改进,改进好了别忘了去论坛告诉一声啊! 先看效果和源文件: 点击这里下载源文件 制作方法非常简单,在这里给大家简单的叙述一下!如果不明白就看源文件吧! 首先制作五个影片剪辑片段,说说方法,建立两个图层,下面这个图层绘制一个矩形,至于填充为什么颜色按你的喜好定就可以了!上面的图层输入要显示的文字.然后分别都在第15帧插入关键帧,下面的矩形稍微调整一下形状,上面的文字层稍微向上移动一点位置

CSS技巧分享:如何用css制作横排二级下拉菜单

原文:CSS技巧分享:如何用css制作横排二级下拉菜单 导航菜单是每个网站所必备的功能,也是每个学习制作网站的朋友所必须接触的,如何用css样式制作一个简单漂亮的二级下拉菜单呢,下来小编就一步一步教大家来制作横排二级下拉菜单,让我共同来学习吧. 首页我们打看dreamweaver或其它编辑器,创建一个名为nav的导航菜单 <div class="nav"> <ul> <li><a href="#">栏目一</a&

ASP.NET MVC动态二级域名及DNS泛解析配置

动态二级域名的实现: 应用场景:目前产品要实现SaaS功能,因为工作需要实现二级域名:www.{CompanyUrl}.xxx.com 假设产品主域名入口为:www.xxx.com 当a公司租户登录时:www.a.xxx.com 当b公司租户登录时: www.b.xxx.com 首先想到的是对Url的重写:(网上有关于UrlRewrite的实现.在ASP.NET中这也是常用的手法.) Route简介:ASP.NET路由可以不用映射到网站特定文件的URL.由于该 URL 不必映射到文件,因此可以使