.
Aurium.Colivre.Coop.br Esse site é Legal Demais para Internet Explorer

Aurium :: Menu DropDown

Últimas blogadas:

HeadlinesPlugin ERROR: 500 Internal Server Error
Cirandas.net



Menu Teste:

Esse modelo de menu foi feito para facilitar a criação e manutenção de menus drop down no TWiki, mas pode ser usado em qualquer outra aplicação. Usa o mínimo de javascript, quase nada. Base CSS, garante muito mais acessibilidade que os outros menus drop-down, acredito que seja 100%. Nos navegadores modo texto ou nos super antigos o menu será uma lista comum. wink

Usuários TWiki precisam apenas adicionar o CSS para formatação e funcionalidades básicas do menu e o javascipt que o controla.

O menu é apenas uma lista simples na notação TWiki, como é mostradao no exemplo:
<div id="menuTeste">
   * [[Web Home]]
   * %INI_MENU_DROPLINK% Sub Menu 1 %FIM_MENU_DROPLINK%
      * [[Click and Install]]
      * [[Meus Testes]]
      * [[Minha Agenda]]
   * %INI_MENU_DROPLINK% Sub Menu 2 %FIM_MENU_DROPLINK%
      * [[http://br.mozdev.org/firefox/][Mozilla Firefox]]
      * %INI_MENU_DROPLINK% Sub Menu 2.1 ... %FIM_MENU_DROPLINK%
         * %INI_MENU_DROPLINK% Sub Menu 2.1.1 ... %FIM_MENU_DROPLINK%
            * http://gnu.org
            * [[http://debian.org][Debian]]
            * [[http://debian-br.org][Debian Brasil]]
         * [[http://malvados.com.br][Malvados]]
      * [[http://Mozilla.org][Mozilla Oficial]]
      * [[http://Mozilla.org.br][Mozilla Brasil]]
   * %INI_MENU_DROPLINK% Sub Menu 3 %FIM_MENU_DROPLINK%
      * Aurium.WebHome
      * Main.WebHome
      * TWiki.WebHome
   * [[SobreAurium][Sobre]]
</div>
As variáveis %INI_MENU_DROPLINK% e %FIM_MENU_DROPLINK% criam o link que permite abrir o sub menu.

Atenção! Na versão anterior deste menu eu usava essas variáveis com letras minusculas, o que não se aceita na nova versão do TWiki, então atualize seus nomes de variáveis para funcionar no TWiki Novo.

Essa é a lista sem a formatação do CSS:

DiggThis

Copyright © 2004 - 2018 Aurélio A. Heckert
Conteúdo licenciado sob Creative Commons by-nc-sa