[Resolvido] Menu não abre no FF

mkboy · Janeiro 31, 2008

Olá,

Testei no IE 6 e 7 e funcionou legal, mas no FF não funcionou...

Uma das opções do menu: TUTORIAIS, deveria abrir um submenu ao passar o mouse sobre ela.

NO FF nao abre, nem apresenta erro algum:

<li onmouseover="subMenu.style.display=''"  onmouseout="subMenu.style.display='none'"><a href="tutoriais.asp" >TUTORIAIS</a>
							<ul id="subMenu" style="display: none;"  onmouseout="this.style.display='none'">
								<li><a href="">TESTE</a></li>
								<li><a href="">TESTE</a></li>
								<li><a href="">TESTE</a></li>
								<li><a href="">TESTE</a></li>
								<li><a href="">TESTE</a></li>
								<li><a href="">TESTE</a></li>
								<li><a href="">PTESTE</a></li>
								<li><a href="">TESTE</a></li>
								<li><a href="">TESTE</a></li>
								<li><a href="">TESTE</a></li>
								<li><a href="">TESTE</a></li>
							</ul>
						</li>

O Class do SubMenu

#subMenu {position:absolute; left:672px; top:266px; width:120px;  text-align: left;  z-index:1; border:0; }
		#subMenu li a{width: 120px; height: 10px; padding: 8px; font: 11px tahoma; color: #333333; background: #B6CADC; border-left: 0px; border-bottom: 1px solid #A6BACC; display: block; text-decoration: none}
  #subMenu li a:hover{width: 120px; height: 10px; padding: 8px; font: 11px tahoma; color: #333333; background: #D6E6F5; border-left: 0px; border-bottom: 1px solid #A6BACC; display: block; text-decoration: none}

programador php · Janeiro 31, 2008

tem algum link

fica mais facil visualizando

abraço

mkboy · Janeiro 31, 2008

http://www.mk-host.com.br

Só passar o mouse em Tutoriais

DSerma · Janeiro 31, 2008

Cara.. copiei seu código e aki ta funcionando de boa....

Já experimentou alterar o z-index do subMenu para 100 ??

Abraços...

brcontainer · Janeiro 31, 2008

Verifique se o javascript do seu navegador está habilitado:

ferramentas>opções...>Permitir Javascript

se estiver verifiquer em exeções ;)

mkboy · Janeiro 31, 2008

mudei o z-index para 100 e nao funfou!

o java script ta habilitado!

ué

programador php · Fevereiro 1, 2008

verifique a função submenu!!!

no meu deu erro nessa função

abraço

mkboy · Fevereiro 1, 2008

Tudo que tem é esse class ai do topico... e os eventos citados!

Nao consegui achar o erro!

brcontainer · Fevereiro 1, 2008

ponha no luga de:

onmouseover="subMenu.style.display=''"

isso:

onmouseover="subMenu.style.display=''block"

falow ;)

mkboy · Fevereiro 1, 2008

Deixei assim:

<li onmouseover="subMenu.style.display='block'" onmouseout="subMenu.style.display='none'"><a href="tutoriais.asp" >TUTORIAIS</a>

Alterei nesta pagina: http://www.mk-host.com.br/tutoriais.asp

Ainda nao abre no ff!

:huh:

programador php · Fevereiro 1, 2008

aqui para mim acusa erro de função submenu

verifique os nomes maiusculos e minusculos

falou

mkboy · Fevereiro 1, 2008

Deixei tudo em minusculo e ainda nao foi!

<li onmouseover="submenu.style.display='block'" onmouseout="submenu.style.display='none'"><a href="tutoriais.asp" >TUTORIAIS</a>
							<ul id="submenu" style="display: none;"  onmouseout="this.style.display='none'">
								<li><a href="">ASP</a></li>
								<li><a href="">ACESSIBILIDADE</a></li>
								<li><a href="">COMUNICAÇÃO</a></li>

								<li><a href="">DIREITO E WEB</a></li>
								<li><a href="">E-COMMERCE</a></li>
								<li><a href="">JAVA SCRIPT</a></li>
								<li><a href="">PHOTOSHOP</a></li>
								<li><a href="">TABLELESS</a></li>
								<li><a href="">USABILIDADE</a></li>

								<li><a href="">WEB MARKETING</a></li>
								<li><a href="">WEB STANDARDS</a></li>
							</ul>
						</li>

brcontainer · Fevereiro 1, 2008

acredito que seja por que tem um onmouseout="this.style.display='none'" dentro do

<ul id="submenu"

tira ele e testa ;)

brcontainer · Fevereiro 1, 2008

agora que eu percebi ;P

é que você não definiel document.getElementById para capturar IDs ;)

o IE ignora e faz direto (aff só o IE mesmo ;P)

agora o mozilla (FF e complacentes) necessitam de uma coisa coerente:

faça assim:

onmouseover="document.getElementById('submenu').style.display='block';" onmouseout="document.getElementById('submenu').style.display='none';"

falow ;)

mkboy · Fevereiro 1, 2008

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Poxa... valeu mesmo a todos pela atenção e paciencia!

Funcionou silverfox! http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

Poxa que legal... até que fim, depois de tanto tempo consigo um menu limpinho... leve... sem um monte de includes e porcarias... que funciona em varios browsers e o melhor... dentro dos padroes... devidamente validado o xhtml... hehehe

bão dimais...

nem quero lembrar to tempo que fazia um include com um js gigante... colocava trocentas linhas de js na head... pra mostrar um menu que pesava uma tonelada... hehehe... esse css é bão dimais! :rolleyes:

E pelo que andei vendo ainda ta pra deixar mais leve... chamando a div com ahover... mais ainda nao consegui colocar isso na cabeça nao! hehe

brcontainer · Fevereiro 1, 2008

falar a verdade Mkboy eu não curto fazer menu e submenu dessa maneira

prefiro fazer em um arquivo a parte e fazer e criar funções para o MENU tipo:

function sumir(){
...
}
function aparecer(){
...
}

pois assim fica cacheado melhor e você não necessiata escrever tanto dentro dos ONs(onmouse, onload, etc)

falow e qualquer coisa volte a postar ;)

mkboy · Fevereiro 1, 2008

Como assim?

Continuo criando as Ul dentro das Li... e ao inves de chamar no onmouse.... chama só a funcao JS

isso?

Se é melhor quero aprender! hehe

brcontainer · Fevereiro 1, 2008

ficaria algo assim:

var submenu = document.getElementById('submenu');

function sumir(){
submenu.style = "none";
}
function aparecer(){
submenu.style = "block";
}

<li onmouseover="sumir();" onmouseout="aparecer();"><a href="tutoriais.asp" >TUTORIAIS</a>
							<ul id="submenu" style="display: none;"  onmouseout="this.style.display='none'">
								<li><a href="">ASP</a></li>
								<li><a href="">ACESSIBILIDADE</a></li>
								<li><a href="">COMUNICAÇÃO</a></li>

								<li><a href="">DIREITO E WEB</a></li>
								<li><a href="">E-COMMERCE</a></li>
								<li><a href="">JAVA SCRIPT</a></li>
								<li><a href="">PHOTOSHOP</a></li>
								<li><a href="">TABLELESS</a></li>
								<li><a href="">USABILIDADE</a></li>

								<li><a href="">WEB MARKETING</a></li>
								<li><a href="">WEB STANDARDS</a></li>
							</ul>
						</li>

assim facilitaria tambem acaso você quise-se fazer mais de um submenu ;)

mkboy · Fevereiro 1, 2008

Humm... bem interessante... fica limpinho mesmo...

vou analiza-lo mais um pouco até entender direitinho e vou aplica-lo!

Valeu!!!!

Arquivado

[Resolvido] Menu não abre no FF

Recommended Posts

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

programador php 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

DSerma 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

programador php 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

programador php 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

mkboy 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão