Jump to content


Tâmara Viana

Member Since 06/09/2009
Offline Last Active 15/09/2009, 14:47
-----

Posts I've Made

In Topic: Menu Drop Down Em Frame

08/09/2009, 11:23

Bom, o menu seria algo desse tipo:



<%@ 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> &lt;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!!

IPB Skin By Virteq