Ir para conteúdo

POWERED BY:

Arquivado

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

Alex Lupóz

Função mousemove não funciona como devia

Recommended Posts

Saudações, pessoal!

Bem, gostaria e pedir novamente ajuda a vocês, pois tenho este seguinte código:

	function start(){

		var wrapper1 = $("#footer").mousemove(onEvent);
		var wrapper2 = $("#footer").mousedown(onEvent);
		var wrapper3 = $("#footer").keydown(onEvent);
		
		var modal1 = $(".modal").mousemove(onEvent);
		var modal2 = $(".modal").mousedown(onEvent);
		var modal3 = $(".modal").keydown(onEvent);
		
		var notify1 = $("#modal-notify").mousemove(onEvent);
		var notify2 = $("#modal-notify").mousedown(onEvent);
		var notify3 = $("#modal-notify").keydown(onEvent);
		
		var inbox1 = $("#modal-inbox").mousemove(onEvent);
		var inbox2 = $("#modal-inbox").mousedown(onEvent);
		var inbox3 = $("#modal-inbox").keydown(onEvent);

			function onEvent() {
	
				if(modal1 && modal2 && modal3){
					// nenhuma ação
				}
				if(wrapper1 && wrapper2 && wrapper3){
					$(".modal").slideUp(300);
					$("#menu_user_close").hide(0);
					$("#menu_user").show(0);
					$(".modal-overlay").hide(0);
				}
			
			} // Fim da função "onEvent"
		
	} // Fim da função "start"

Bem, eu fiz um if apenas da div "modal"(representada por var modal1, var modal2, var modal3)

A função deveria funcionar da seguinte maneira:

Enquanto o usuário estivesse com a seta do mouse sobre a div "modal", não haveria nenhuma ação, MAS caso a seta do mouse estivesse sobre a div "footer", a ação que fecha ele(div "modal"), iria ser executada.

Bem, até ai tudo bem. "Funciona", mas estou com um probleminha:

Quando entro também com o mouse na div "modal", a mesma fecha, sendo que ela só deveria fechar quando estivesse sobre a div "footer".

No caso, acho que o erro está na função onEvent:

function onEvent() {
	
				if(modal1 && modal2 && modal3){
					// nenhuma ação
				}
				if(wrapper1 && wrapper2 && wrapper3){
					$(".modal").slideUp(300);
					$("#menu_user_close").hide(0);
					$("#menu_user").show(0);
					$(".modal-overlay").hide(0);
				}

Eu tentei fazer um else if, mas também não deu certo.

Agradeço desde já.

Abração!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá, Bruno.

Ele é o seguinte:

<div id="modal" class="modal">
    
    		<div class="modal_seta"></div>
    
            <ul class="menu_modal">
                <li><a class="menu_modal" href="home.php?info=inbox"><span aria-hidden="true" data-icon="" class="icomoon icon-cached"></span>
                <?php echo $menuconfig_status; ?></a></li>
                <li><a class="menu_modal" href="mensagens_inbox.php?info=inbox"><span aria-hidden="true" data-icon="" class="icomoon icon-timer-auto"></span>
                <?php echo $menuconfig_perfil; ?></a></li>
                <li><a class="menu_modal" href="painel/perfil/editar_perfil.php?info=editar"><span aria-hidden="true" data-icon="" class="icomoon icon-create"></span>
                <?php echo $menuconfig_editar; ?></a></li>
                <li><a class="menu_modal" href="mensagens_inbox.php?info=inbox"><span aria-hidden="true" data-icon="" class="icomoon icon-images"></span>
                <?php echo $menuconfig_fotos; ?></a></li>
				<li><a class="menu_modal" href="sair.php?logout"><span aria-hidden="true" data-icon="" class="icomoon icon-help"></span>
                <?php echo $menuconfig_ajuda; ?></a></li>
                <li><a class="menu_modal" href="mensagens_inbox.php?info=inbox"><span aria-hidden="true" data-icon="" class="icomoon icon-lock"></span>
                <?php echo $menuconfig_conta; ?></a></li>
                <li><a onclick="alertLogout()" class="menu_modal" href="#"><span aria-hidden="true" data-icon="" class="icomoon icon-cancel"></span>
                <?php echo $menuconfig_sair; ?></a></li>
            </ul>

    </div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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