Javascript + Ajax + PHP - Menu drop down

[Fabio Jp 0]

Bom dia pessoal, vamos ver se consigo explicar o que está quebrando minha cabeça.

Obs: Nunca trabalhei com AJAX.

 

Tenho um menu drop down (Categorias > Produtos).

Segue o script:

 

http://jsfiddle.net/736V8/

 

As Categorias e Produtos vem tudo do banco de dados mysql.

Minha sequência de páginas é a seguinte:

 

produtos.php - Mostra todos os produtos;

produtos-categoria.php - Depois de clicar em uma categoria, ele carrega a ID daquela categoria e exibe os produtos relacionados a ela.

produto-detalhe.php - Depois de selecionar um produto dentro de uma categoria, ele exibe os detalhes do produto.

 

Estou tentando implantar AJAX para assim que eu clicar em uma Categoria, e ela deslizar mostrando os Produtos, ele adiciona um redirect para a página daquela categoria.

Sei que estou matando a função do menu, que estou matando a navegação, mas meu cliente que pediu, e ele quer que quer dessa forma.

 

Deu pra entender?

As Categorias estão listadas, e os produtos relacionados a cada categoria está fechado.

Assim que clica em uma Categoria, ele desliza os Produtos relacionados a ela. Até ai ok, mas meu cliente quer que depois disso a página vá direto para a página daquela categoria, onde estarão listados os produtos relacionados a ela.

 

 

Vlwww

[William Bruno 1501]

E qual a dúvida ?

 

Que coisa estranha cara, não faz nenhum sentido o redirect depois de já mostrar aquilo aberto.

Ou vc já redireciona de vez sem a rolagem, ou não redireciona e pronto.

[Fabio Jp 0]

Sim eu sei, expliquei o sentido do script pra minha cliente, mas ela quer exatamente assim, logo após o menu deslizar, faz um redirect.

Ela está irredutível quanto a isso, quer dessa forma.

[William Bruno 1501]

E qual a dúvida agora ?

 

aguarda um tempinho com setTimeout e redireciona com document.location.href

[Fabio Jp 0]

Sim até ai tudo bem, mas tenho várias Categorias no menu, e cada uma deverá redirecionar para um lugar diferente (produtos-categoria.php?id=xx).

Por isso pensei em passar essa "variável" referente a cada categoria por AJAX para dentro do Javascript do menu, não sei se isso é possível, e não consegui encontrar uma alternativa para isso. Por exemplo, se a pessoa clica no primeiro item do menu, que seria id = 1, ele carrega dentro do script do menu a linha de comando redireciona para produtos-categoria.php?id=1 (document.location.href = "produtos-categoria.php?id=1")..

[William Bruno 1501]

não precisa de nada disso cara.

 

Simplesmente use o atributo href da tag <a>. Simples assim.

[Fabio Jp 0]

Nossa, fiz bem no BRAÇO e não sei se a sintaxe está correta, mas vejam:

http://jsfiddle.net/E9HTT/

 

Como são 12 Categorias, vai ficar meio grande, mas pelo menos funciona.

não precisa de nada disso cara.

Simplesmente use o atributo href da tag <a>. Simples assim.

 

A questão é que eu preciso primeiro do efeito, depois do redirecionamento, e são 12 redirecionamentos diferentes.

[Fabio Jp 0]

Pode fechar pessoal, eu resolvi.

No braço mas resolvi.

[William Bruno 1501]

Diga como resolveu, ai pode ajudar outras pessoas.

[Fabio Jp 0]

Então, resolvi da forma que coloquei ali em cima: http://jsfiddle.net/E9HTT/

Você que manja bastante de Javascript William, poderia dar uma avaliada no script para ver se tem algo a melhorar, ou uma forma mais simples de escrever. Vlwww