Jump to content

  2. →
  3. →

Photo

Menu Drop Down Em Frame

Started By Tâmara Viana, 06/09/2009, 17:37

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

#1 Tâmara Viana

Tâmara Viana

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Feminino
  • Localidade:Brasília - DF

Posted 06/09/2009, 17:37

Pessoal...

Estou mexendo em um sistema aqui (ou pelo menos tentando) e as páginas são carregadas com frames na horizontal.. sendo que em cima tem um menu drop down e embaixo o conteúdo...
Só que, ao passar o mouse no menu, as opções descem mas não ultrapassam o limite do frame superior...
Alguém sabe como conseguir fazer isso?

Sei que frames não se utilizam mais e tal e tudo... mas o sistema está sendo feito assim e não quero mudar... até porque não tenho nenhuma experiência com desenvolvimento!!

E aí, essa tarefa é difícil? impossível?

Desde já, obrigada!!! :)

#2 Beraldinho

Beraldinho

    12 Horas

  • Usuários
  • 186 posts
  • Sexo:Masculino
  • Interesses:Amizade

Posted 07/09/2009, 11:06

Pessoal...

Estou mexendo em um sistema aqui (ou pelo menos tentando) e as páginas são carregadas com frames na horizontal.. sendo que em cima tem um menu drop down e embaixo o conteúdo...
Só que, ao passar o mouse no menu, as opções descem mas não ultrapassam o limite do frame superior...
Alguém sabe como conseguir fazer isso?

Sei que frames não se utilizam mais e tal e tudo... mas o sistema está sendo feito assim e não quero mudar... até porque não tenho nenhuma experiência com desenvolvimento!!

E aí, essa tarefa é difícil? impossível?

Desde já, obrigada!!! :)


Paz, amado(a).

Poderia postar o código que você está usando, para podermos analisar o que está ocorrendo?

Grato,

Fique na paz!
"Guerreiro que está na frente lutando e nunca volta pra trás, o pode, a unção, a majestade seja dada totalmente para Jesus Cristo, porque ele é o Rei do Exércitos, e eu pertenço a esse exército, sou Guerreiro de Jesus, que luta contra o inimigo e nunca abaixa a cabeça, pode vim os problemas que sempre vou vencer. Te amo Jesus!" Venha você também conhecer Jesus Cristo, Ele morreu por você na cruz.

#3 Tâmara Viana

Tâmara Viana

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Feminino
  • Localidade:Brasília - DF

Posted 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!!
Voltar para Javascript / DOM / AJAX / ECMAScript


1 user(s) are reading this topic

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

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq