Menu categoria subcategoria adaptar jquery
Boa tarde.
Estou desenvolvendo o site da empresa onde eu trabalho. Estou com um codigo de um menu em JQUERY E CSS e estou tentando adaptar ele para fazer pesquisa em 2 tabelas de um banco de dados do site.
Segue abaixo codigo original do menu:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv2 { position:absolute;
width:186px;
height:306px;
z-index:1;
overflow: hidden;
}
</style>
<script src="scripts/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="scripts/menu.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="scripts/style.css" />
</head>
<body>
<div id="apDiv2">
<ul id="menu">
<li> <a href="#">Plantadeiras</a>
<ul>
<li><a href="plantadeira-jd.asp">John-Deere</a></li>
<li><a href="plantadeira-case.asp">Case</a></li>
<li><a href="plantadeira-tatu.asp">Tatu</a></li>
<li><a href="plantadeira-metasa.asp">Metasa</a></li>
<li><a href="plantadeira-jumil.asp">Jumil</a></li>
<li><a href="plantadeira-semeato.asp">Semeato</a></li>
<li><a href="plantadeira-baldan.asp">Baldan</a></li>
</ul>
</li>
<li> <a href="#">Colheitadeiras</a>
<ul>
<li><a href="colheitadeira-jd.asp">John-Deere</a></li>
<li><a href="colheitadeira-case.asp">Case</a></li>
<li><a href="colheitadeira-nh.asp">New-Holland</a></li>
<li><a href="colheitadeira-mf.asp">Massey Ferguson</a></li>
</ul>
</li>
</li>
<li> <a href="#">Pulverizadores</a>
<ul>
<li><a href="pulverizador-jacto.asp">Jacto</a></li>
<li><a href="pulverizador-jd.asp">John-Deere</a></li>
<li><a href="pulverizador-case.asp">Case</a></li>
<li><a href="pulverizador-montana.asp">Montana</a></li>
<li><a href="pulverizador-stara.asp">Stara</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>O arquivo esta hospedado em: http://www.bgmetalurgica.com.br/sitebg/menu2011.html para exemplo.
Tentei fazer esse mesmo efeito só que as categorias ele buscou certo só q as subcategorias era pra separar igual esta no html porem ele não filtro.
Segue abaixo codigo que eu tentei fazer:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script src="scripts/jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="scripts/menu.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="scripts/style.css" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv2 {
position:absolute;
width:267px;
height:306px;
z-index:1;
overflow: hidden;
}
</style>
</head>
<body><%
Dim StrCon, objCon, ComandoSQL, objRS, objRS2
StrCon = "Data Source=C:\Inetpub\wwwroot\SITEBG\msibd.mdb;Provider=Microsoft.Jet.OLEDB.4.0;"
Set objCon = Server.CreateObject("ADODB.Connection")
objCon.Open StrCon
ComandoSQL = " SELECT * FROM familia ORDER BY nome ASC"
Set objRS = objCon.Execute(ComandoSQL)
%>
<%
ComandoSQL = " SELECT * FROM categoria WHERE codigofamilia=" & objRS("codigo") & " ORDER BY nome ASC"
Set objRS2 = objCon.Execute(ComandoSQL)
%>
<div id="apDiv2">
<ul id="menu">
<%If Not objRS.EOF Then
While Not objRS.EOF
%>
<li> <a href="#"><%=objRS("nome")%></a>
<%objRS.MoveNext
Wend
End If
%>
<%
If Not objRS2.EOF Then
%>
<ul>
<%
While Not objRS2.EOF
%>
<li><a href="#"> <%=objRS2("nome")%></a></li>
<%
objRS2.MoveNext
Wend%>
</ul>
<%End If
%>
</li>
<%Set objRS2 = Nothing
%>
</ul>
<%objRS.Close
Set objRS = Nothing
Set ComandoSQL = Nothing
objCon.Close
Set objCon = Nothing
Set StrCon = Nothing
%>
</div>
</body>
</html>Por favor me ajudem a corrigir para ficar igual ao original em html.
Obrigado.
Discussão (4)
Carregando comentários...