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>
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!