Tema: Problema con javascript y display
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/02/2013, 14:28
Avatar de legomolina
legomolina
 
Fecha de Ingreso: junio-2011
Ubicación: Valencia
Mensajes: 165
Antigüedad: 12 años, 10 meses
Puntos: 3
Problema con javascript y display
Hola a todos,
solo tengo que mostrar unos simples divs con una funcion de javascript mediante unos botones pero es que no me hace caso, supongo que algo tendre mal, pero no se el que. Os dejo el codigo a ver si vosotros me decis el problema, es que me lleva de cabeza.
Funcion
Código Javascript: 
Ver original
  1. function menus_desplegable(k) {
  2.     
  3.     var d=document.getElementById("descripcion");
  4.     var i=document.getElementById("info");
  5.     var r=document.getElementById("requisitos");
  6.     var m=document.getElementById("multimedia");
  7.     
  8.     switch(k) {
  9.     case 1:
  10.         d.sytle.display="none";
  11.         i.style.display="";
  12.         r.style.display="hidden";
  13.         m.style.display="hidden";
  14.         break;
  15.         
  16.     case 2:
  17.         d.sytle.display="hidden";
  18.         i.style.display="visible";
  19.         r.style.display="hidden";
  20.         m.style.display="hidden";
  21.         break;
  22.         
  23.     case 3:
  24.         d.sytle.display="hidden";
  25.         i.style.display="hidden";
  26.         r.style.display="visible";
  27.         m.style.display="hidden";
  28.         break;
  29.         
  30.     case 4:
  31.         d.sytle.display="hidden";
  32.         i.style.display="hidden";
  33.         r.style.display="hidden";
  34.         m.style.display="visible";
  35.         break;
  36.             
  37.     default:
  38.         d.sytle.display="visible";
  39.         i.style.display="hidden";
  40.         r.style.display="hidden";
  41.         m.style.display="hidden";
  42.         break;
  43.  
  44.     }
  45. }
  46.  
  47. </script>
Controles que manejan los distintos divs a ocultar/mostrar
Código HTML: 
Ver original
  1. <div class="game_buttons">
  2.                         <a href="javascript:menus_desplegable(1);" ><img title="Ver descripcion" alt="Ver descripcion" src="ima/iconos/iconodescripcion.png" onmouseover="this.src='ima/iconos/iconodescripcion2.png'" onmouseout="this.src='ima/iconos/iconodescripcion.png'" /></a>
  3.                         <a href="javascript:menus_desplegable(2);" ><img title="Ver informacion" alt="Ver informacion" src="ima/iconos/iconoinfo.png" onmouseover="this.src='ima/iconos/iconoinfo2.png'" onmouseout="this.src='ima/iconos/iconoinfo.png'" /></a>
  4.                         <a href="javascript:menus_desplegable(3);" ><img title="Ver requisitos minimos" alt="Ver requisitos minimos" src="ima/iconos/iconorequisitos.png" onmouseover="this.src='ima/iconos/iconorequisitos2.png'" onmouseout="this.src='ima/iconos/iconorequisitos.png'" /></a>
  5.                         <a href="javascript:menus_desplegable(4);" ><img title="Ver multimedia" alt="Ver multimedia" src="ima/iconos/iconomultimedia.png" onmouseover="this.src='ima/iconos/iconomultimedia2.png'" onmouseout="this.src='ima/iconos/iconomultimedia.png'" /></a>
  6.                     </div>
Código HTML: 
Ver original
  1. <div class="menus_desplegable" id="descripcion">
  2.                     Descripción.
  3.                     </div><div class="menus_desplegable" id="info">
  4.                     Info
  5.                     </div><div class="menus_desplegable" id="requisitos">
  6.                     Requisitos.
  7.                     </div><div class="menus_desplegable" id="multimedia">
  8.                     Multimedia.
  9.                     </div>

Gracias por vuestra atención