Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Dennis Ávila

Menu categoria subcategoria adaptar jquery

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

olha este exemplo link

Compartilhar este post


Link para o post
Compartilhar em outros sites

verifique os arquivos js, e se a <DIV> da subcategoria esta chamando o recordset da segunda consulta

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.