Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

camilofernandesalves

[Resolvido] Problema com onmouseout

Por , em Javascript

Recommended Posts

camilofernandesalves    0

camilofernandesalves
Postado

Olá Bom dia Amigos do iMasters

 

Como não gosto de contornar muito assunto vamos ao ponto crucial logo.

 

É o seguinte estou fazendo um meu para um cliente aonde quando ele passar o mouse sobre a opção aciona a opção onmouseover que puxa a função criada

 

ae dentro desta função coloca o Display de um menu como ativo.

 

e ao sair do menu e do div com as opções do menu ele aciona o onmouseout que puxa a função novamente.

 

O que ocorre é o seguinte o onmouseout não funciona em nenhum navegador ao invés de ser aplicado fora da div ele aplica quando coloco o mouse em cima, vai se entender!

 

Abaixo segue o código necessário para entender pq se colocar todo ixi vai o dia todo lendo.

 

Javascript


function Menu(id){
		//Ele está desativando só quando entra dentro do menu
		document.getElementById(id+"H").onmouseout = function() {
			document.getElementById(id+"H").style.display = "none";
		}
		
		document.getElementById(id).onmouseover = function() {
			document.getElementById(id).src = "../img/app/"+id+"2.png";
			document.getElementById(id).style.borderBottom = "solid 1px #FFF";
			document.getElementById(id+"H").style.display = "";

		}	
}

 

HTML

[/b]
<body style="margin: 0px;" onmousemove="Menu('administrador')" >[indent]

<div id="menu">[/indent]

					<img src="../img/app/administrador.png" id="administrador" class="main" />
				[indent]

</div>


<div id="administradorH" style="display: none; width: 170px;">[/indent]					<div id="menudiv">
						<b class="subt">Empresa</b>
						<li class="opc"><a href="../app/dados_da_empresa.php">>> Dados da Empresa</a></li>
						<li class="opc"><a href="#">>> Foto da Empresa</a></li>					
						</div>
					<div id="menudiv">
						<b class="subt">Backup</b>
						<li class="opc"><a href="#">>> Gerar backup</a></li>
						<li class="opc"><a href="#">>> Recuperar backup</a></li>					</div>
					<div id="menudiv">
						<b class="subt">Administrativo</b>
						<li class="opc"><a href="#">>> Contrato DentOnline</a></li>
						<li class="opc"><a href="#">>> Balanço Financeiro</a></li>
						<li class="opc"><a href="#">>> Usuários</a></li>					
						</div>
					<div>
						<b class="subt">Ajuda</b>
						<li class="opc"><a href="#">>> Tópicos de ajuda</a></li>
						<li class="opc"><a href="#">>> Help-Desk</a></li>
						<li class="opc"><a href="#">>> Sobre o Dentonline</a></li>					
					</div>				


				</div>
</body>
[b]

 

Bom acho que o css não é interessante pois não tem nada que possa afetar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara, teu html está completamente errado.

veja, assim seria uma estrutura de menu correta:

<ul id="menu">
		<li>Empresa
			<ul>
				<li><a href="../app/dados_da_empresa.php">>> Dados da Empresa</a></li>
				<li><a href="#">>> Foto da Empresa</a></li>
			</ul>
		</li>
		<li>Backup
			<ul>
				<li><a href="#">>> Gerar backup</a></li>
				<li><a href="#">>> Recuperar backup</a></li>
			</ul>
		</li>
		<li>Administrativo
			<ul>
				<li><a href="#">>> Contrato DentOnline</a></li>
				<li><a href="#">>> Balanço Financeiro</a></li>
				<li><a href="#">>> Usuários</a></li>
			</ul>
		</li>
		<li>Ajuda
			<ul>
				<li><a href="#">>> Tópicos de ajuda</a></li>
				<li><a href="#">>> Help-Desk</a></li>
				<li><a href="#">>> Sobre o Dentonline</a></li>
			</ul>
		</li>
	</ul><!-- /menu -->
dá uma olhada neste tópico, tem vários menus:

http://forum.imasters.com.br/index.php?/topic/354140-repente-css-menus/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito