Foros del Web » Programando para Internet » Jquery »

Menu Jquery que se superpone

Estas en el tema de Menu Jquery que se superpone en el foro de Jquery en Foros del Web. Buenas tardes a tod@s, mi nombre es Olga, he creado un menú con jquery que me trae loca. La idea es sencilla, un menú con ...
  #1 (permalink)  
Antiguo 16/05/2012, 00:51
 
Fecha de Ingreso: mayo-2012
Mensajes: 1
Antigüedad: 12 años
Puntos: 0
Pregunta Menu Jquery que se superpone

Buenas tardes a tod@s,
mi nombre es Olga, he creado un menú con jquery que me trae loca.
La idea es sencilla, un menú con cuatro opciones y dos de ellas tienen un submenú. Como es lógico si estamos en uno de los submenus el menú ha de quedar desplegado, y al mover el raton por unas opciones o otras ha de plegarse o desplegarse según convenga. Lo tengo prácticamente hecho, pero por algún motivo que se me escapa en algunos casos los dos submenús quedan superpuestos...

Podéis ver el menú en funcionamiento aquí: [URL="http://desa.connexum.es/mftecnima"]http://desa.connexum.es/mftecnima[/URL] (es el que pone ingenieria, laboratorio, gestión y explotación).

Vamos a ver el código (pongo sólo las partes que os deberían interesar, si falta algo me lo decís), a ver que encontráis:

MENÚ:

Código:
<div id="cont_top">
    	<div id="submenu" style="outline:0px solid f0f;">
        	<div id="ingenieria" class="submenu<?php if ($file=="departamento_ingenieria" || $file=="direccion_obra" || $file=="proyectos_tecnicos" || $file=="estudios_complementarios") echo "_on";?>"><?=$txt_ingenieria?></a></div>
            <div id="laboratorio" class="submenu<?php if ($file=="recogida_muestras" || $file=="laboratorio_analisis" || $file=="estudio_aguas" || $file=="acreditaciones") echo "_on";?>"><?=$txt_laboratorio?></a></div>
            <div id="gestion"><a href="gestion.php" class="submenu<?php if ($file=="gestion") echo "_on";?>"><?=$txt_gestion?></a></div>
            <div id="explotacion"><a href="explotacion.php" class="submenu<?php if ($file=="explotacion") echo "_on";?>"><?=$txt_explotacion?></a></div>
        </div>
            <div id="subsubmenu_ingenieria" class="subsubmenu_ingenieria" style="position:absolute; margin-left:270px;">
                <a href="departamento_ingenieria.php" class="submenu<?php if ($file=="departamento_ingenieria") echo "_on";?>"><?=$txt_departamento_ingenieria?></a><br />
                <a href="direccion_obra.php" class="submenu<?php if ($file=="direccion_obra") echo "_on";?>"><?=$txt_direccion_obra?></a><br />
                <a href="proyectos_tecnicos.php" class="submenu<?php if ($file=="proyectos_tecnicos") echo "_on";?>"><?=$txt_proyectos_tecnicos?></a><br />
                <a href="estudios_complementarios.php" class="submenu<?php if ($file=="estudios_complementarios") echo "_on";?>"><?=$txt_estudios_complementarios?></a>
            </div>
            <div id="subsubmenu_laboratorio" class="subsubmenu_laboratorio" style="position:absolute; margin-left:270px;">
                <a href="recogida_muestras.php" class="submenu<?php if ($file=="recogida_muestras") echo "_on";?>"><?=$txt_recogida_muestras?></a><br />
                <a href="laboratorio_analisis.php" class="submenu<?php if ($file=="laboratorio_analisis") echo "_on";?>"><?=$txt_laboratorio_analisis?></a><br />
                <a href="estudio_aguas.php" class="submenu<?php if ($file=="estudio_aguas") echo "_on";?>"><?=$txt_estudio_aguas?></a><br />
                <a href="acreditaciones.php" class="submenu<?php if ($file=="acreditaciones") echo "_on";?>"><?=$txt_acreditaciones?></a>
            </div>
    </div>
Y EL JQUERY:

Código:
  
<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script>
      $("#ingenieria").mouseenter(function () {
        $("#subsubmenu_laboratorio").hide();
        $("#subsubmenu_ingenieria").fadeIn("slow");
      });
	  
	  $("#laboratorio").mouseenter(function () {
        $("#subsubmenu_ingenieria").hide();
        $("#subsubmenu_laboratorio").fadeIn("slow");
      });

	  $("#gestion").mouseenter(function () {
        $("#subsubmenu_ingenieria").hide();
        $("#subsubmenu_laboratorio").hide();
      });
	  
	  $("#explotacion").mouseenter(function () {
        $("#subsubmenu_ingenieria").hide();
        $("#subsubmenu_laboratorio").hide();
      });
	 
	  $("#gestion").mouseout(function () {	
        $("#subsubmenu_ingenieria").hide();
        $("#subsubmenu_laboratorio").hide();
		
		var rutaAbsoluta = self.location.href;
		var posicionUltimaBarra = rutaAbsoluta.lastIndexOf("/"); 
		var rutaRelativa = rutaAbsoluta.substring( posicionUltimaBarra + "/".length , rutaAbsoluta.length );
		if (rutaRelativa=="departamento_ingenieria.php" || rutaRelativa=="direccion_obra.php" || rutaRelativa=="proyectos_tecnicos.php" || rutaRelativa=="estudios_complementarios.php") 
		{
			$("#subsubmenu_ingenieria").fadeIn("slow");		
		}
		if (rutaRelativa=="recogida_muestras.php" || rutaRelativa=="laboratorio_analisis.php" || rutaRelativa=="estudio_aguas.php" || rutaRelativa=="acreditaciones.php") 
		{
			$("#subsubmenu_laboratorio").fadeIn("slow");
		}
      });
	  
	  $("#explotacion").mouseout(function () {	
        $("#subsubmenu_ingenieria").hide();
        $("#subsubmenu_laboratorio").hide();
		
		var rutaAbsoluta = self.location.href;
		var posicionUltimaBarra = rutaAbsoluta.lastIndexOf("/"); 
		var rutaRelativa = rutaAbsoluta.substring( posicionUltimaBarra + "/".length , rutaAbsoluta.length );
		if (rutaRelativa=="departamento_ingenieria.php" || rutaRelativa=="direccion_obra.php" || rutaRelativa=="proyectos_tecnicos.php" || rutaRelativa=="estudios_complementarios.php") 
		$("#subsubmenu_ingenieria").fadeIn("slow");
		if (rutaRelativa=="recogida_muestras.php" || rutaRelativa=="laboratorio_analisis.php" || rutaRelativa=="estudio_aguas.php" || rutaRelativa=="acreditaciones.php") 
		$("#subsubmenu_laboratorio").fadeIn("slow");
      });
    </script>
Esto es un pantallazo del error:


¡Gracias de antemano a todos los que os intereséis por este tema!

Etiquetas: funcion, js, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:00.