Tema: Onmouseout y objetos dentro de un div
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 15/07/2009, 11:38
yonolose
(Desactivado)
  
Fecha de Ingreso: marzo-2008
Mensajes: 641
Antigüedad: 16 años, 11 meses
Puntos: 7
Respuesta: Onmouseout y objetos dentro de un div
Claro mira:

Entre head y /head

Código javascript: 
Ver original
  1. <script language="javascript">
  2.  
  3. <!-- Ocultar el script a navegadores viejorros
  4.  
  5.  
  6. 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>';
  7.  
  8. var chistesmenu='<span>Se est&aacute; creando el men&uacute; y pronto estar&aacute; disponible...</span>';
  9.  
  10. var extrasmenu='Extras';
  11.  
  12. var bromasmenu='Bromas';
  13.  
  14. var encuestasmenu='Encuestas';
  15.  
  16. function vermenu(cual){
  17.  
  18. switch(cual){
  19.  
  20. case "gomenuout":
  21.  
  22. var cualhtml=outofmenu;
  23.  
  24. break;
  25.  
  26. case "chistes":
  27.  
  28. var cualhtml=chistesmenu;
  29.  
  30. break;
  31.  
  32. case "extras":
  33.  
  34. var cualhtml=extrasmenu;
  35.  
  36. break;
  37.  
  38. case "bromas":
  39.  
  40. var cualhtml=bromasmenu;
  41.  
  42. break;
  43.  
  44. case "encuestas":
  45.  
  46. var cualhtml=encuestasmenu;
  47.  
  48. break;
  49.  
  50. }
  51.  
  52. if(cual!="gomenuout"){
  53.  
  54. document.getElementById('wrap-header').className="menuvisible";
  55.  
  56. }else{
  57.  
  58. document.getElementById('wrap-header').className="wrapper-header";
  59.  
  60. }
  61.  
  62. document.getElementById('wrap-header').innerHTML=cualhtml;
  63.  
  64. }
  65.  
  66.  
  67. //-->
  68.  
  69. </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