MouseOver em um menu dinamico

[santind2 0]

E ai Galera...

 

Seguinte, o código que postei logo abaixo está me tirando os cabelos..

Estou precisando fazer algumas coisas.

A primeira é fazer com que a pessoa que acesse esse menu ela não precise clicar para abri-lo, tipo um OnMouseOver, só que da maneira que ele está precisa clicar.

Junto com isso, ao clicar ele mandar o ID_CATEGORIA para poder abrir um subMenu com as subcategorias.

 

Minha dúvida é.. Como posso fazer para colocar somente o mouse por cima dessa opção do menu e abrir as outras e também como posso fazer para que quando a opção da categoria for selecionada ele não dar refresh na página e acabar chamando todos os produtos da categoria que houve o clique..

Para ficar mais claro o que estou dizendo, acessem www.meepix.com.br que acho que ficará melhor de entender.

 

Vou continuar tentando resolver desse lado..

 

Valeu!!!

 

<div id="menu_novo">
   	<dl>
		<%
               Do while not TBmenu.EOF
           %>
           <dt><a href="produtos.asp?categoria=<%=TBmenu("ID_CATEGORIAS")%>" <% 
		if trim(idCat) > "0" and trim(idSub) = "0" then
			if trim(TBmenu("ID_CATEGORIAS")) = trim(idCat) then Response.Write("class='current'") 
		end if
		%>><%=TBmenu("TXT_CATEGORIA")%>  </a></dt>
           <%
			if trim(idCat) > "0" and trim(idCat) = trim(TBmenu("ID_CATEGORIAS")) then
		%>
           <dd>
              	<ul>
				<%
                   SQL = " Select a.ID_SUBCATEGORIAS, a.TXT_SUBCATEGORIA "_
					& " from TBP_PRODUTOS_SUBCATEGORIAS a "_
					& " inner join VW_PRODUTOS b on a.ID_SUBCATEGORIAS = b.ID_SUBCATEGORIAS and b.BIT_ACTIVE = 1 and b.BIT_HABILITADO = 1 and getdate() between b.DAT_PERIODO_INI and b.DAT_PERIODO_FIM and b.BIT_AMOSTRA = 0"_
					& " where a.BIT_ACTIVE = 1 and a.ID_CATEGORIAS_PRINCIPAL = "&TBmenu("ID_CATEGORIAS")&" and b.ID_LOJA = "&codigoLoja _
					& " group by a.ID_SUBCATEGORIAS, a.TXT_SUBCATEGORIA order by a.TXT_SUBCATEGORIA"

				TBSmenu.Open SQL, Conn
				if not TBSmenu.EOF then
					Do while not TBSmenu.EOF
                   %>
                  	<li class="sub"><a href="produtos.asp?categoria=<%=TBmenu("ID_CATEGORIAS")%>&subcat=<%=TBSmenu("ID_SUBCATEGORIAS")%>"  <% 
				if trim(idSub) > "0" and trim(idTema) = "0" then
					if trim(TBSmenu("ID_SUBCATEGORIAS")) = trim(idSub) then Response.Write("class='current'") 
				end if
				%>><%=TBSmenu("TXT_SUBCATEGORIA")%></a></li>
				<%
					if trim(idSub) > "0" and trim(idSub) = trim(TBSmenu("ID_SUBCATEGORIAS")) then
						SQL = " Select a.ID_TEMA, a.TXT_TEMA "_
							& " from TBP_PRODUTOS_TEMAS a "_
							& " inner join VW_PRODUTOS b on a.ID_TEMA = b.ID_TEMA and b.BIT_ACTIVE = 1 and b.BIT_HABILITADO = 1 and getdate() between b.DAT_PERIODO_INI and b.DAT_PERIODO_FIM and b.BIT_AMOSTRA = 0 "_
							& " and b.ID_CATEGORIAS = "&TBmenu("ID_CATEGORIAS")&" and b.ID_SUBCATEGORIAS = "&TBSmenu("ID_SUBCATEGORIAS")&" and b.ID_LOJA = "&codigoLoja _
							& " where a.BIT_ACTIVE = 1 group by a.ID_TEMA, a.TXT_TEMA order by a.TXT_TEMA"
						TBTmenu.Open SQL, Conn
						if not TBTmenu.EOF then
							Do while not TBTmenu.EOF
				%>
                   <li class="tema"><a href="produtos.asp?categoria=<%=TBmenu("ID_CATEGORIAS")%>&subcat=<%=TBSmenu("ID_SUBCATEGORIAS")%>&tema=<%=TBTmenu("ID_TEMA")%>" <% 
				if trim(idTema) > "0" then
					if trim(TBTmenu("ID_TEMA")) = trim(idTema) then Response.Write("class='current'") 
				end if
				%>><%=TBTmenu("TXT_TEMA")%></a></li>
                   <%
							TBTmenu.MoveNext : Loop
						End if
						TBTmenu.Close
					end if
					TBSmenu.MoveNext : Loop
				end if
				TBSmenu.Close
				%>
			</ul>
		</dd>
		<%
			End if
               TBmenu.MoveNext : Loop
           %>
   	</dl>
</div>

[Vinicius Ianni 189]

Como posso fazer para colocar somente o mouse por cima dessa opção do menu e abrir as outras e também como posso fazer para que quando a opção da categoria for selecionada ele não dar refresh na página

 

Usando ajax é possivel fazer o que desejas, tem alguns exemplos de uso de ajax + asp no laboratório de scripts.

Algum deles deve ser bem proximo do que precisa.

[Public2004 79]

Acho que seria mais simples no menu, carregar as categorias e subcategorias de uma vez, apenas ocultar as subcategorias para que estas sejam visíveis com o clique ou hover na respectiva categoria. Utilizando jQuery, pode até dar um efeito suave na visualização.

Para carregar o conteudo do respectivo clique sem refresh, é com ajax.

 

Att.

[saloeric 1]

existem muito menus já pronto com jquery, basta alterar o css para adaptar às suas necessidades, veja este exemplo