Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Bom acho que o css não é interessante pois não tem nada que possa afetar.
Carregando comentários...