Menu com auto-hide, ao clicar abre subitens

  • Identifique-se para criar novos tópicos neste fórum
  • Visitantes anônimos não podem postar neste fórum
Ricardo  Membro   Postagens: 172

Pessoal,

Atendendo uma solicitação anterior da Adrianinha vem um exemplo de como fazer um menu conforme mostrado a seguir.
Nível de dificuldade: Mëdio.

Vou mostrar como inserir um menu que ao clicar sobre um item abra diversos subitens vinculado a ele e quando outro endereço principal for clicado ele recolhe os sub-itens do menu anterior.

1º Passo: Vá para administração --> blocos e lá você deverá inserir um novo bloco com este código.

Você terá a seguinte situação (já fazendo com que o menu receba o CSS do Xoops):
Observação: "teste" é o nome do diretório que você terá as páginas do submenu... e {X_SITEURL} retorna o rooth do seu site.














Continuando agora no seu editor HTML de preferência.

2º Passo: Crie o seguinte código: (Não esqueça de colocar os tags para html, head, body, etc...)















              
Sub Ítem do exemplo 01

              
Sub Ítem do exemplo 02

              
Sub Ítem do exemplo 03



Insera a quantidade de links que você quiser.

Dê um "Save As" (salvar como) e atribua um nome. Este será o submenu do ítem 1 do exemplo.

Depois, crie na mesma célula da figura/texto do ítem 1 os textos referentes ao submenu. Em nosso exemplo, está como "Sub Ítem do exemplo 01".

3º Passo: Repita o 2º passo, salvando mais dois htms para o menu 2 e o 3 e substituindo os textos.

4º Passos: Agora, você passará em todos os menus linkando.
No htm principal do menu, endereço a figura/texto 1 para o htm referente ao menu 1. Faça o mesmo para os outros ítens do menu.

Agora, no htm do submenu 1, repita os links, porém, na figura/texto 1, endereço para o htm principal do menu... isso fará com que ele se feche num segundo clique. Repita isso para os outros ítens, mudando os links para que os mesmos se fechem.

Boa sorte.
Na dúvida me perguntem.
Quem aplicar, favor avisar como foi para implantar.
Daqui a das semanas mais ou menos vou ter um exemplo online no meu portal e vou colocar o endereço para todos verem.

Redeye

Gilberto Galdino de Oliveira  Membro De: Guarulhos - São Paulo - Brasil  Postagens: 171

Pois bem, vai a primeira pergunta capsiosa.

1 - Tenho uma tabela de acesso ao sistema.
2 - Nela atribuo a cada menu se este utilizador tem acesso.
3 - Depois tenho uma outra tabela para sub-menus.
4 - Atribuo acesso a um determinado sub-meno e a outros não.

A dúvida seria a seguinte:

Gostaria de gerar isto dinamicamente para o menu ser montado somente após o utilizador fazer o acesso e aí sim incluir os danados dos menus e deixar escondido os sub-menus conforme o seu exemplo, mas dinamicamente.

Tem alguma dica de que parte do código vou montar para dispar isto?

Ricardo  Membro   Postagens: 172

aí o buraco é mais embaixo.
Não é tão complicado, mas terá que haver acesso a banco de dados para funcionar legal.
Vou criar esse exemplo nesta semana... (estou meio apurado) mas creio que em uma semana é possível fazer isso.
Pelo menos a maior parte.
Quem sabe eu crio um módulo com configurações.
Aceito sugestões para o módulo

Adriana  Membro   Postagens: 464

eyeKeeper,

Segui tuas instruções para fazer o exemplo que você mandou. Em relação ao menu e o auto-hide deu tudo certo, porém eu tenho uma dúvida. Quando clico em uma opção do menu ele abre o submenu só que em uma nova janela do navegador. Como eu resolvo para abrir na mesma interface do xoops?

Adrianinha

  Pesquisa avançada






Entrada

Codinome:


Senha:





Perdeu a senha?  |Cadastre-se!


Quem nos visita
Há 34 visitantes neste momento... (21 na seção Fóruns)

Associados: 0
Anônimos: 34

outros...

Banner XOOPS Cube