<%@ page contentType="text/html;charset=ISO-8859-1" language="java" %><%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %><%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %><%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %><html:html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title><bean:message key="titulo.sistema"/></title><style type="text/css">body { font: normal 62.5% verdana; } ul.menubar{ margin: 0px; padding: 0px; background-color: #FFFFFF; /* IE6 Bug */ font-size: 100%;} ul.menubar .submenu{ margin: 0px; padding: 0px; list-style: none; background-color: #FFFFFF; border: 1px solid #ccc; float:left;} ul.menubar ul.menu{ display: none; position: absolute; margin: 0px;} ul.menubar a{ padding: 5px; display:block; text-decoration: none; color: #777; padding: 5px;} ul.menu, ul.menu ul{ margin: 0; padding: 0; border-bottom: 1px solid #ccc; width: 150px; /* Width of Menu Items */ background-color: #FFFFFF; /* IE6 Bug */} ul.menu li{ position: relative; list-style: none; border: 0px;} ul.menu li a{ display: block; text-decoration: none; border: 1px solid #ccc; border-bottom: 0px; color: #777; padding: 5px 10px 5px 5px;} ul.menu li sup{ font-weight:bold; font-size:7px; color: red;} /* Fix IE. Hide from IE Mac \*/* html ul.menu li { float: left; height: 1%; }* html ul.menu li a { height: 1%; }/* End */ ul.menu ul{ position: absolute; display: none; left: 149px; /* Set 1px less than menu width */ top: 0px;} ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */ ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; } ul.menu li a:hover { color: #E2144A; } </style> <script type="text/javascript">function horizontal() { var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li"); for (var i=0; i< navItems.length; i++) { if(navItems[i].className == "submenu") { if(navItems[i].getElementsByTagName('ul')[0] != null) { navItems[i].onmouseover=function() { this.getElementsByTagName('ul')[0].style.display="block"; this.style.backgroundColor = "#f9f9f9"; } navItems[i].onmouseout=function() { this.getElementsByTagName('ul')[0].style.display="none"; this.style.backgroundColor = "#FFFFFF"; } } } } } </script> </head> <body onload="horizontal();"> <ul id="menu_dropdown" class="menubar"> <li class="submenu"><a href="#">Cadastro</a> <ul class="menu"> <li><a href="./listarUsuario.do?action=listar">Usuários</a></li> <li><a href="./listarContato.do?action=listar">Contatos</a></li> </ul> </li> <li class="submenu"><a href="#">Consulta</a> <ul class="menu"> <li><a href="./consultarUsuario.do?action=consultar">Consulta1</a></li> <li><a href="./consultarContato.do?action=consultar">Consulta2</a></li> </ul> </li> <li class="submenu"><a href="./logout.do">Sair</a></li></ul> </body></html:html>
Só que ele será carregado de acordo com permissões trazidas do banco de dados para o usuário logado no momento... mas o modelo do meu menu é esse aí...
Sendo assim acho que a forma ideal de carregá-lo sem repetir em todas as páginas seria com frame! Ou há outra forma??
Obrigada!!