Onmouseout y objetos dentro de un div

[yonolose]

Hola!

Estoy creando un menú dinámico en javascript, que se muestra al pasar el cursor por encima de un div.

Hay una capa con la propiedad onmouseout="quitarmenu()"... que lo que hace es quitar los menús, con un innerHTML='(src de la imagen del header)'.

Lo que quiero es... cuando el cursor esté sobre el div, el contenido del header se cambia por un menú... luego pasamos con el cursor al menú y este aún no se cierra (hasta aquí todo bien)... pero el problema es que si dentro de este div hay alguna etiqueta <p>, <span>, u otro div (que necesito para darle estilo a los menús), se me ejecuta la función quitarmenu(), y el header vuelve a convertirse en la imagen de cabecera del sitio.

¿Cómo hago para meter atributos <p>, <span>, u otros divs dentro del contenedor....? para que al poner el cursor encima de uno de ellos no se ejecute la función (ya que el p sigue estando dentro del div, y por lo tanto, aún no se ha salido del div

Saludos y espero haberme explicado

[flpms]

yo no compreendi nada usted puede poner el codigo?

[yonolose]

Claro mira:

Entre head y /head

Código javascript:

<script language="javascript">
 
<!-- Ocultar el script a navegadores viejorros
 
 
var outofmenu='<div id="header-logo"><div id="header-logoimg"><a style="border:0px;" href="/Principal.php" title="Ir a la p&aacute;gina principal"><img border="0" src="/Estilo_de_pagina/images/logo.jpg" /></a></div></div><div id="header-search"><form action="/chistes/buscarchistes.php" method="get"><input type="text" size="25" name="searchtext" maxlength="25"/><input type="submit" value="Buscar chistes" /></form></div>';
 
var chistesmenu='<span>Se est&aacute; creando el men&uacute; y pronto estar&aacute; disponible...</span>';
 
var extrasmenu='Extras';
 
var bromasmenu='Bromas';
 
var encuestasmenu='Encuestas';
 
function vermenu(cual){
 
switch(cual){
 
case "gomenuout":
 
var cualhtml=outofmenu;
 
break;
 
case "chistes":
 
var cualhtml=chistesmenu;
 
break;
 
case "extras":
 
var cualhtml=extrasmenu;
 
break;
 
case "bromas":
 
var cualhtml=bromasmenu;
 
break;
 
case "encuestas":
 
var cualhtml=encuestasmenu;
 
break;
 
}
 
if(cual!="gomenuout"){
 
document.getElementById('wrap-header').className="menuvisible";
 
}else{
 
document.getElementById('wrap-header').className="wrapper-header";
 
}
 
document.getElementById('wrap-header').innerHTML=cualhtml;
 
}
 
 
//-->
 
</script>
 

El resto:

Código HTML:

<div onmouseout="vermenu('gomenuout')" id="wrap-header" class="wrapper-header">



<!-- logo -->



<div id="header-logo">

<div id="header-logoimg"><a style="border:0px;" href="/Principal.php" title="Ir a la p&aacute;gina principal"><img border="0" src="/Estilo_de_pagina/images/logo.jpg" /></a></div>
</div>



<!-- Formulario para buscar chistes -->



<div id="header-search">

<form action="/chistes/buscarchistes.php" method="get">

<input type="text" size="25" name="searchtext" maxlength="25"/>

<input type="submit" value="Buscar chistes" />
</form>
</div>



</div>



<!-- menu en el header -->



<div id="wrap-headermenu">


<!-- he quitado el resto de menus con uno es de sobra para el ejemplo -->

<div onmouseover="vermenu('chistes')" class="header-menu"><a href="/menu.php" title="M&aacute;s opciones" style="color:#FFFFCC;">Men&uacute;</a></div>


</div> 

Espero que puedan ayudarme

[flpms]

Usted poderia hacer com css no?

[yonolose]

Lo he intentado pero de otra forma sale pero aún