Jump to content


Photo

Menu


  • Faça o login para participar
5 replies to this topic

#1 Bob

Bob

     

  • Usuários
  • 536 posts
  • Sexo:Masculino

Posted 28/09/2003, 23:56

Como se faz um menu que recua e se expandi, e um que no estilo de árvore.

Resumindo, como se faz no estilo desse site http://www.pontukom.com/ - ou até mesmo do BRTurbo.

(y)

#2 /%Hawk%\

/%Hawk%\

    HiperMusics.com

  • Usuários
  • 136 posts
  • Sexo:Não informado
  • Localidade:Belo Horizonte - Minas Gerais
  • Interesses:Nem imagina

Posted 29/09/2003, 00:06

Se vc pegar um cd de templates, eh 100% de certeza que vc vai achar algum com esse tipo de menu...

#3 Dinho Z.

Dinho Z.

    Rock'n'Roll !!! Yeah !!!

  • Usuários
  • 755 posts
  • Sexo:Não informado
  • Localidade:Santo André - SP

Posted 29/09/2003, 09:29

Tem um script aqui no WMOnline que se chama dtree, ele serve para o que você quer fazer...
Dinho

Ajude a proibir os "jabás" nas rádios brasileiras.
Mas, afinal, o que é o "jabá"?!? acesse Rock Brasil
Acesse Fórum SOS Designers
Coluna de JavaScript/CSS do Upmasters

#4 Bob

Bob

     

  • Usuários
  • 536 posts
  • Sexo:Masculino

Posted 29/09/2003, 13:09

Tem um script aqui no WMOnline que se chama dtree, ele serve para o que você quer fazer...

(y) O menu em árvore.

E quanto ao recuar e expandir ? :D

#5 Guilherme Blanco

Guilherme Blanco

    Loading...

  • Conselheiros
  • 891 posts
  • Sexo:Masculino
  • Localidade:São Carlos - SP/Brasil
  • Interesses:Programação Web e minha namorada (Maria Camila).

Posted 29/09/2003, 17:57

Um simples reposicionamento dos elementos.

Eu seto o Obj.style.left para uma valor negativo, e ele esconde parte do menu. Ao mesmo tempo, eu aumento do width do espaço à direita, para um valor + X (distanciada recuada do menu) e re-seto as posições dele também (Obj.style.left - X).

Dê uma olhada no meu arquivo de definições: http://www.pontukom....em/js/global.js A função é a displayMenu();

Bem, o script que eu uso para a árvore é o xTree de Erik Arvidsson. Você pode encontrá-lo neste endereço: http://www.webfx.eae...tree/index.html
Lembre-se que este script é registrado e é de graça apenas para uso não-comercial (site que não gera nenhum centavo).

Eu utilizo alguns addons que criei também, tais como seleção via texto da árvore (requer algumas modificações no script original), seleção via identificador, e expansão genérica para um determinado item.
As funções estão descritas no arquivo global.js também.


Gostaria de lembrar também que Erik possui um outro sistema de árvore, chamado de xLoadTree, mas ele possui um sério problema quando usado com mais de 700 itens no menu (devido à uma falha de gerenciamento de memória do IE). Se estiver interessado, a xLoad utiliza um documento (ou documentos) XML para criar a árvore. É bem mais fácil de implementar que a xTree, mas este bug (devido a criação e atribuição dinâmica de itens e imagens) me impediu de utilizá-la na minha página.
O link para a xLoadTree: http://www.webfx.eae.../xloadtree.html


Fico grato por ter gostado do meu sistema interativo de exibição de menu.
Caso ainda possua dúvidas, entre em contato comigo

[]s,
<script language="WebFórum">
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>

#6 Bob

Bob

     

  • Usuários
  • 536 posts
  • Sexo:Masculino

Posted 29/09/2003, 23:42

(y) Show Guilherme Blanco, estarei estudando os scripts, mas acho que a dúvida maior vai ser na implementação ao meu perfil, mas qualquer dúvida adicional quanto a isso volto a postar :)

Obrigado cara, valeu ! ;)




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq